天天看點
傳回

Android TextView SpannableString樣式詳解

效果圖：

Android TextView SpannableString樣式詳解

代碼如下：

package com.androidtest;

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.Color;
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.ForegroundColorSpan;
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 TestActivity extends Activity {

	private TextView mTextView;
	private SpannableString msp;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.test_layout);
		
			mTextView = (TextView) findViewById(R.id.text);
		
	        //建立一個 SpannableString對象    
	        msp = new SpannableString("字型測試字型大小一半兩倍前景色背景色正常粗體斜體粗斜體下劃線删除線x1x2電話郵件網站短信彩信地圖X軸綜合");   
	          
	        //設定字型(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:[email protected]"), 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.xml.colors);  
	        try {  
	            csl= ColorStateList.createFromXml(getResources(),xppcolor);  
	        }catch(XmlPullParserException e){  
	            e.printStackTrace();          
	        }catch(IOException e){  
	            e.printStackTrace();          
	        }  
	  
	        XmlResourceParser xpplinkcolor=getResources().getXml(R.xml.colors);  
	        try {  
	            csllink= ColorStateList.createFromXml(getResources(),xpplinkcolor);  
	        }catch(XmlPullParserException e){  
	            e.printStackTrace();          
	        }catch(IOException e){  
	            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.RED), 0 ,53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第一個參數表示項目符号占用的寬度，第二個參數為項目符号的顔色  
	  
	          
	        mTextView.setText(msp);  
	        mTextView.setMovementMethod(LinkMovementMethod.getInstance());   
	}

}

這裡需要在res目錄下建立一個xml檔案夾，在檔案夾裡面建立一個colors檔案夾，即可使用最後一個功能！

XmlResourceParser的使用介紹可以參照：http://www.iteye.com/topic/1122056

也可以顯示圖檔：

/** 
* 圖檔 
*/  
private void addImageSpan() {  
    SpannableString spanString = new SpannableString(" ");  
    Drawable d = getResources().getDrawable(R.drawable.ic_launcher);  
    d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());  
    ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);  
    spanString.setSpan(span, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
    tv.append(spanString);  
}

Android使用TextView實作無下劃線超連結：

1、重寫ClickableSpan類來去掉下劃線樣式（系統預設使用ClickableSpan來封裝超連結） 
private class NoLineClickSpan extends ClickableSpan { 
    String text;

    public NoLineClickSpan(String text) {
        super();
        this.text = text;
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        ds.setColor(ds.linkColor);
        ds.setUnderlineText(false); //去掉下劃線</span>
    }

    @Override
    public void onClick(View widget) { 
        processHyperLinkClick(text); //點選超連結時調用</span>
    }
}
2、把超連結文本封裝為NoLineClickSpan對象，并添加到TextView中 
TextView tv = findViewById(R.id.tv_click);
SpannableString spStr = new SpannableString("蘿蔔白菜部落格-->http://orgcent.com");
ClickSpan clickSpan = new NoLineClickSpan(vo); //設定超連結
spStr.setSpan(clickSpan, 0, str.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
tv.append(spStr);
tv.setMovementMethod(LinkMovementMethod.getInstance());

PS:不用把TextView的屬性autoLink設為”all”.

3、設定超連結為可點選狀态

tv.setMovementMethod(LinkMovementMethod.getInstance());

拓展補充：

當ListView的Item布局中，使用到了ClickableSpan時，将導緻ListView的Item點選事件失效，解決辦法如下：

在Item的根布局控件中添加：android:descendantFocusability="blocksDescendants"即可！

參考連結：

http://blog.csdn.net/u012551350/article/details/51722893?locationNum=1&fps=1

【Android 應用開發】
上一篇: 【架構師（第十七篇）】腳手架之 ejs 和 glob 的使用
下一篇: [INS-35172] Target database memory (XXMB) exceeds the systems available shared memory ({0}MB) 解決方法

繼續閱讀