android:如何在TextView实现图文混排

们通常在TextView文本中设置文字。可是如何设置图文混排呢？

我就在这里写一个例子 。我们需要用到一点简单的HTML知识

在TextView中预订了一些类似HTML的标签，通过标签可以使TextView控件显示不同颜色，大小，字体的文字

<font>:设置颜色和字体

<big>：设置大号

<small>：设置小号

<i>\<b>：斜体、粗体

<a>：链接地址

<img>：插入图片

在drawable中存入我们的图片。

然后我们在布局文件中添加一个TextView控件

[html]  view plain  copy

 print ?

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     android:layout_width="fill_parent"  
3.     android:layout_height="fill_parent"  
4.     android:orientation="vertical" >  
5.   
6.     <TextView  
7.         android:id="@+id/tv_text"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content" />  
10.   
11. </LinearLayout>  

在MainActivity.clss文件中

写一行HTML形式的代码，并用一个字符串接收它

[java]  view plain  copy

 print ?

1. String html="<font>草莓</font><img src=‘strawberry’>";  

这行代码是什么意思呢?大家也看了上面的HTML简单的标签。<font>是字体，所以<font>和</font>之间的是文字，<img>是图片,src是图片的名称

然后我们要解释这行HTML代码，就用到了这个方法

[java]  view plain  copy

 print ?

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

其中source是字符串形式的 也就是我们需要解释的HTML代码。ImageGetter就是图片的资源,TagHandler就标签在这里设置为null就行。

那么ImageGetter该怎么写呢？我们可以new 一个ImageGetter对象 会发现里面有一个方法

[java]  view plain  copy

 print ?

1. public Drawable getDrawable(String source) {  
2. }  

我们可以使用输出日志信息看看这个方法里面传递的source是什么

发现了吗？就是我们Html代码里面的 内容<img src='strawberry'>

由于返回的是Drawable类型的资源我们首先new 一个Drawable对象，然后通过getSource()的方法获取图片资源

最后一定要通过setBounds()方法设置一下图片的大小。否则是不会显示的哦

[java]  view plain  copy

 print ?

1. if(source.equals("‘strawberry’")){  
2.     Drawable draw=getResources().getDrawable(R.drawable.strawberry);  
3.     draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight());  
4.     return draw;  
5. }  

附上运行结果图片

MainActivity.class的全部代码如下：

[java]  view plain  copy

 print ?

1. package com.example.textview;  
2.   
3. import javax.xml.transform.Source;  
4.   
5. import android.os.Bundle;  
6. import android.app.Activity;  
7. import android.graphics.drawable.Drawable;  
8. import android.text.Html;  
9. import android.text.Html.ImageGetter;  
10. import android.util.Log;  
11. import android.view.Menu;  
12. import android.widget.TextView;  
13.   
14. public class MainActivity extends Activity {  
15.   
16.     private TextView tv_text;  
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.         tv_text=(TextView) findViewById(R.id.tv_text);  
22.         String html="<font>草莓</font><img src=‘strawberry’>";  
23.         CharSequence text=Html.fromHtml(html, new ImageGetter() {  
24.               
25.             public Drawable getDrawable(String source) {  
26.                 //根据图片资源ID获取图片  
27.                 Log.d("source", source);  
28.                 if(source.equals("‘strawberry’")){  
29.                     Drawable draw=getResources().getDrawable(R.drawable.strawberry);  
30.                     draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight());  
31.                     return draw;  
32.                 }  
33.                 return null;  
34.             }  
35.         }, null);  
36.         tv_text.setText(text);  
37.     }  
38. }