在Android中,TextView是我們最常用的用來顯示文本的控制項。
一般情況下,TextView中的文本都是一個樣式。那麼如何對於TextView中各個部分的文本來設定字型,大小,顏色,樣式,以及超級連結等屬性呢?下面我們通過SpannableString的具體執行個體操作來示範一下。
res-layout-main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_height="wrap_content" android:layout_width="wrap_content" android:orientation="horizontal"><TextView android:id="@+id/myTextView" android:layout_width="fill_parent" android:layout_height="wrap_content" /></LinearLayout>
res-color-color.xml
res-color-linkcolor.xml
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:color="#ffffff00"/> <!-- pressed --> <item android:state_focused="true" android:color="#ff00ffff"/> <!-- focused --> <item android:color="#ff0ff000"/> <!-- default --></selector>
TextViewLinkActivity
package com.snowdream;import java.io.IOException;import org.xmlpull.v1.XmlPullParserException;import android.app.Activity;import android.content.res.ColorStateList;import android.content.res.XmlResourceParser;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Color;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.text.SpannableString;import android.text.Spanned;import android.text.method.LinkMovementMethod;import android.text.style.AbsoluteSizeSpan;import android.text.style.BackgroundColorSpan;import android.text.style.BulletSpan;import android.text.style.DrawableMarginSpan;import android.text.style.ForegroundColorSpan;import android.text.style.IconMarginSpan;import android.text.style.ImageSpan;import android.text.style.RelativeSizeSpan;import android.text.style.ScaleXSpan;import android.text.style.StrikethroughSpan;import android.text.style.StyleSpan;import android.text.style.SubscriptSpan;import android.text.style.SuperscriptSpan;import android.text.style.TextAppearanceSpan;import android.text.style.TypefaceSpan;import android.text.style.URLSpan;import android.text.style.UnderlineSpan;import android.widget.TextView;public class TextViewLinkActivity extends Activity { TextView mTextView = null; SpannableString msp = null; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mTextView = (TextView)findViewById(R.id.myTextView); //建立一個 SpannableString對象 msp = new SpannableString("字型測試字型大小一半兩倍前景色彩背景色正常粗體斜體粗斜體底線刪除線x1x2電話郵件網站簡訊多媒體訊息地圖X軸綜合/bot"); //設定字型(default,default-bold,monospace,serif,sans-serif) msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); msp.setSpan(new TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定字型大小(絕對值,單位:像素) msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); msp.setSpan(new AbsoluteSizeSpan(20,true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第二個參數boolean dip,如果為true,表示前面的字型大小單位為dip,否則為像素,同上。 //設定字型大小(相對值,單位:像素) 參數表示為預設字型大小的多少倍 msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //0.5f表示預設字型大小的一半 msp.setSpan(new RelativeSizeSpan(2.0f), 10, 12, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //2.0f表示預設字型大小的兩倍 //設定字型前景色彩 msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定前景色彩為洋紅色 //設定字型背景色 msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定背景色為青色 //設定字型樣式正常,粗體,斜體,粗斜體 msp.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //正常 msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //粗體 msp.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //斜體 msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 24, 27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //粗斜體 //設定底線 msp.setSpan(new UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定刪除線 msp.setSpan(new StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定上下標 msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //下標 msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //上標 //超級連結(需要添加setMovementMethod方法附加響應) msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //電話 msp.setSpan(new URLSpan("mailto:webmaster@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //郵件 msp.setSpan(new URLSpan("http://www.baidu.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //網路 msp.setSpan(new URLSpan("sms:4155551212"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //簡訊 使用sms:或者smsto: msp.setSpan(new URLSpan("mms:4155551212"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //多媒體訊息 使用mms:或者mmsto: msp.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //地圖 //設定字型大小(相對值,單位:像素) 參數表示為預設字型寬度的多少倍 msp.setSpan(new ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //2.0f表示預設字型寬度的兩倍,即X軸方向放大為預設字型的兩倍,而高度不變 //設定字型(依次包括字型名稱,字型大小,字型樣式,字型顏色,連結顏色) ColorStateList csllink = null; ColorStateList csl = null; XmlResourceParser xppcolor=getResources().getXml (R.color.color); try { csl= ColorStateList.createFromXml(getResources(),xppcolor); }catch(XmlPullParserException e){ // TODO: handle exception e.printStackTrace(); }catch(IOException e){ // TODO: handle exception e.printStackTrace(); } XmlResourceParser xpplinkcolor=getResources().getXml(R.color.linkcolor); try { csllink= ColorStateList.createFromXml(getResources(),xpplinkcolor); }catch(XmlPullParserException e){ // TODO: handle exception e.printStackTrace(); }catch(IOException e){ // TODO: handle exception e.printStackTrace(); } msp.setSpan(new TextAppearanceSpan("monospace",android.graphics.Typeface.BOLD_ITALIC, 30, csl, csllink), 51, 53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設定項目符號 msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH,Color.GREEN), 0 ,msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第一個參數表示項目符號佔用的寬度,第二個參數為項目符號的顏色 //設定圖片 Drawable drawable = getResources().getDrawable(R.drawable.icon); drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); mTextView.setText(msp); mTextView.setMovementMethod(LinkMovementMethod.getInstance()); }}
效果預覽: