android:如何在TextView實現圖文混排

標籤：

我們通常在TextView文本中設定文字。可是如何設定圖文混排呢？

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

在TextView中預訂了一些類似HTML的標籤，通過標籤可以使TextView控制項顯示不同顏色，大小，字型的文字

<font>:設定顏色和字型

<big>：設定大號

<small>：設定小號

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

<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簡單的標籤。<font>是字型，所以<font>和</font>之間的是文字，<img>是圖片,src是圖片的名稱

然後我們要解釋這行HTML代碼，就用到了這個方法

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

其中source是字串形式的 也就是我們需要解釋的HTML代碼。ImageGetter就是圖片的資源,TagHandler就標籤在這裡設定為null就行。

那麼ImageGetter該怎麼寫呢？我們可以new 一個ImageGetter對象 會發現裡面有一個方法

public Drawable getDrawable(String source) {}

我們可以使用輸出日誌資訊看看這個方法裡面傳遞的source是什麼

發現了嗎？就是我們Html代碼裡面的 內容<img src=‘strawberry‘>

由於返回的是Drawable類型的資源我們首先new 一個Drawable對象，然後通過getSource()的方法擷取圖片資源

最後一定要通過setBounds()方法設定一片的大小。否則是不會顯示的哦

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;@Overrideprotected 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) {//根據圖片資源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實現圖文混排