這篇文章主要介紹了Android實現(xiàn)文字和圖片混排的方法,實例分析了文字環(huán)繞圖片效果的具體功能顯示及頁面布局實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了Android實現(xiàn)文字和圖片混排(文字環(huán)繞圖片)效果。分享給大家供大家參考，具體如下：
在平時我們做項目中，或許有要對一張圖片或者某一個東西進行文字和圖片說明，這時候要求排版美觀，所以會出現(xiàn)文字和圖片混排的情況，如圖：

這種情況就是上下兩個文字說明是連續(xù)在一起的，這就要求我們計算上面的文字說明怎么和下面的文字說明連貫結合在一起呢，這就要求我們進行計算了，下面給出代碼，代碼中也有詳細的注釋，原理也很簡單。

因為算是比較簡單，直接就在activity中去計算了：

package com.example.test; import android.app.Activity; import android.graphics.Paint; import android.os.Bundle; import android.view.ViewTreeObserver; import android.widget.ImageView; import android.widget.TextView; public class MainActivity extendsActivity {booleanimageMeasured = false;TextView tv_right;TextView tv_bottom;staticfinal String text = "葉凡：小說主角，與眾老同學在泰山聚會時一同被九龍拉棺帶離地球，" +"進入北斗星域，得知自己是荒古圣葉凡 葉凡體。歷險禁地，習得源術，斗圣地世家，戰(zhàn)太古生物，"+"重組天庭，葉凡輾轉四方得到許多際遇和挑戰(zhàn)，功力激增，眼界也漸漸開闊。一個浩大的仙俠世界，"+"就以他的視角在讀者面前展開。姬紫月：姬家小姐，出場年齡十七歲。被葉凡劫持一同經(jīng)歷青銅古殿歷險，"+"依靠碎裂的神光遁符解除禁制，反過來挾持葉凡一同進入太玄派尋找秘術。"+"在葉凡逃離太玄后姬紫月在孔雀王之亂中被華云飛追殺，又與葉凡[2]相遇，被葉凡護送回姬家"+"，漸漸對葉凡產(chǎn)生微妙感情。后成為葉凡的妻子，千載后于飛仙星成仙，在葉凡也進入仙路后再見龐博："+"葉凡大學時最好的朋友，壯碩魁偉，直率義氣。到達北斗星域后因服用了圣果被靈墟洞天作為仙苗，"+"在青帝墳墓處為青帝十九代孫附體離去，肉身被錘煉至四極境界。后葉凡與黑皇鎮(zhèn)壓老妖神識，"+"龐博重新掌控自己身軀，取得妖帝古經(jīng)和老妖本體祭煉成的青蓮法寶，習得妖帝九斬和天妖八式，"+"但仍偽裝成老妖留在妖族。出關后找上葉凡，多次與他共進退。星空古路開啟后由此離開北斗，"+"被葉凡從妖皇墓中救出，得葉凡授予者字秘、一氣化三清，與葉凡同闖試煉古路，一起建設天庭";// 屏幕的高度intscreenWidth = 0;// 總共可以放多少個字intcount = 0;// textView全部字符的寬度floattextTotalWidth = 0.0f;// textView一個字的寬度floattextWidth = 0.0f;Paint paint =new Paint();@Overridepublicvoid onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);tv_right = (TextView) findViewById(R.id.test_tv_right);tv_bottom = (TextView) findViewById(R.id.test_tv_bottom);finalImageView imageView = (ImageView) findViewById(R.id.test_image);imageView.setImageResource(R.drawable.ee);screenWidth = getWindowManager().getDefaultDisplay().getWidth();/*** 獲取一個字的寬度*/textWidth = tv_right.getTextSize();paint.setTextSize(textWidth);/*** 因為圖片一開始的時候，高度是測量不出來的，通過增加一個監(jiān)聽器，即可獲取其圖片的高度和長度*/ViewTreeObserver vto = imageView.getViewTreeObserver();vto.addOnPreDrawListener(newViewTreeObserver.OnPreDrawListener() {publicboolean onPreDraw() {if(!imageMeasured) {imageMeasured =true;intheight = imageView.getMeasuredHeight();intwidth = imageView.getMeasuredWidth();drawImageViewDone(width, height);}returnimageMeasured;}});}privatevoid drawImageViewDone(intwidth, int height) {// 一行字體的高度intlineHeight = tv_right.getLineHeight();// 可以放多少行intlineCount = (int) Math.ceil((double) height / (double) lineHeight);// 一行的寬度floatrowWidth = screenWidth - width - tv_right.getPaddingLeft() - tv_right.getPaddingRight();// 一行可以放多少個字intcolumnCount = (int) (rowWidth / textWidth);// 總共字體數(shù)等于 行數(shù)*每行個數(shù)count = lineCount * columnCount;// 一個TextView中所有字符串的寬度和（字體數(shù)*每個字的寬度）textTotalWidth = (float) ((float) count * textWidth);measureText();tv_right.setText(text.substring(0, count));// 檢查行數(shù)是否大于設定的行數(shù)，如果大于的話，就每次減少一個字符，重新計算行數(shù)與設定的一致while(tv_right.getLineCount() > lineCount) {count -=1;tv_right.setText(text.substring(0, count));}tv_bottom.setPadding(0, lineCount * lineHeight - height,0, 0);tv_bottom.setText(text.substring(count));}/*** 測量已經(jīng)填充的長度，計算其剩下的長度*/privatevoid measureText() {String string = text.substring(0, count);floatsize = paint.measureText(string);intremainCount = (int) ((textTotalWidth - size) / textWidth);if(remainCount > 0) {count += remainCount;measureText();}} }

其中xml文件布局如下：

<?xmlversion="1.0"encoding="utf-8"?> <ScrollViewxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical"><RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="wrap_content"><ImageViewandroid:id="@+id/test_image"android:layout_width="wrap_content"android:layout_height="wrap_content"android:scaleType="fitXY"/><TextViewandroid:id="@+id/test_tv_right"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_toRightOf="@id/test_image"android:gravity="fill_horizontal"android:paddingLeft="7dp"android:textSize="16sp"/><TextViewandroid:id="@+id/test_tv_bottom"android:layout_width="fill_parent"android:layout_height="wrap_content"android:layout_below="@id/test_image"android:gravity="fill_horizontal"android:textSize="16sp"/></RelativeLayout> </ScrollView>

代碼很少，原理也很簡單，后來發(fā)現(xiàn)這種做法在大部分手機運行是完美的，但是少部分手機還是有點問題。是什么問題呢，是在我們測量textView的長度的是，因為是我們剛剛進行setText，然后馬上進行測量，這樣得到的結果是不正確的，所以大家可以優(yōu)化一下。溫馨提示，當我們setText之后，可以延時一些時間再去測量，這樣獲取的值就是掙錢的了，當然那個延遲的時間很短50毫秒就可以了，因為我們要相信textView的繪制速度還是很快的。

希望本文所述對大家Android程序設計有所幫助。

總結

以上是生活随笔為你收集整理的Android实现文字和图片混排(文字环绕图片)效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。