快捷導(dǎo)航

Android中使用TextView實現(xiàn)圖文混排的方法

更新時間：2016年02月15日 14:38:18 作者：susu的Dream

向TextView或EditText中添加圖像比直接添加文本復(fù)雜一點點，需要用到<img>標(biāo)簽。接下來通過本文給大家介紹Android中使用TextView實現(xiàn)圖文混排的方法，希望對大家有所幫助

向TextView或EditText中添加圖像比直接添加文本復(fù)雜一點點，需要用到<img>標(biāo)簽。

<img>只有一個src屬性，該屬性原則上應(yīng)該指向一個圖像地址或可以找到某個圖像資源的唯一標(biāo)識。但要注意的是，系統(tǒng)并不會直接根據(jù)src屬性所指的值自動獲取和顯示圖像，這一切都需要我們?nèi)プ觥Ｕf白了，src屬性指的是什么只有開發(fā)者自己知道。開發(fā)者需要告訴系統(tǒng)src屬性到底指的是什么，然后系統(tǒng)才會知道怎么做。

解析src屬性值需要ImageGetter對象的getDrawable方法來完成。ImageGetter是一個接口。使用Html.fromHtml會使這一過程變得簡單。

public static Spanned fromHtml(String source,ImageGetter imageGetter, TagHandler tagHandler);

我們通常在TextView文本中設(shè)置文字。可是如何設(shè)置圖文混排呢？

我就在這里寫一個例子。我們需要用到一點簡單的HTML知識

在TextView中預(yù)訂了一些類似HTML的標(biāo)簽，通過標(biāo)簽可以使TextView控件顯示不同顏色，大小，字體的文字

:設(shè)置顏色和字體
<big>：設(shè)置大號
：設(shè)置小號
\：斜體、粗體
<a>：鏈接地址
<img>：插入圖片

在drawable中存入我們的圖片。

然后我們在布局文件中添加一個TextView控件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" > 
<TextView 
android:id="@+id/tv_text" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" /> 
</LinearLayout>

在MainActivity.clss文件中

寫一行HTML形式的代碼，并用一個字符串接收它

String html="<font>草莓</font><img src=‘strawberry'>";

這行代碼是什么意思呢?大家也看了上面的HTML簡單的標(biāo)簽。是字體，所以和之間的是文字，<img>是圖片,src是圖片的名稱
然后我們要解釋這行HTML代碼，就用到了這個方法

Html.fromHtml(String source, ImageGetter imageGetter, TagHandler tagHandler)

其中source是字符串形式的也就是我們需要解釋的HTML代碼。ImageGetter就是圖片的資源,TagHandler就標(biāo)簽在這里設(shè)置為null就行。
那么ImageGetter該怎么寫呢？我們可以new 一個ImageGetter對象會發(fā)現(xiàn)里面有一個方法

public Drawable getDrawable(String source) { 
}

我們可以使用輸出日志信息看看這個方法里面?zhèn)鬟f的source是什么

發(fā)現(xiàn)了嗎？就是我們Html代碼里面的內(nèi)容<img src='strawberry'>
由于返回的是Drawable類型的資源我們首先new 一個Drawable對象，然后通過getSource()的方法獲取圖片資源
最后一定要通過setBounds()方法設(shè)置一下圖片的大小。否則是不會顯示的哦

if(source.equals("‘strawberry'")){ 
Drawable draw=getResources().getDrawable(R.drawable.strawberry); 
draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight()); 
return draw; 
}

MainActivity.class的全部代碼如下：

package com.example.textview; 
import javax.xml.transform.Source; 
import android.os.Bundle; 
import android.app.Activity; 
import android.graphics.drawable.Drawable; 
import android.text.Html; 
import android.text.Html.ImageGetter; 
import android.util.Log; 
import android.view.Menu; 
import android.widget.TextView; 
public class MainActivity extends Activity { 
private TextView tv_text; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
tv_text=(TextView) findViewById(R.id.tv_text); 
String html="<font>草莓</font><img src=‘strawberry'>"; 
CharSequence text=Html.fromHtml(html, new ImageGetter() { 
public Drawable getDrawable(String source) { 
//根據(jù)圖片資源ID獲取圖片 
Log.d("source", source); 
if(source.equals("‘strawberry'")){ 
Drawable draw=getResources().getDrawable(R.drawable.strawberry); 
draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight()); 
return draw; 
} 
return null; 
} 
}, null); 
tv_text.setText(text); 
} 
}

以上所述是小編給大家介紹的Android中使用TextView實現(xiàn)圖文混排的方法，希望對大家有所幫助。

您可能感興趣的文章: