這幾天在仿寫新浪微博客戶端,在處理微博信息的時候需要處理關鍵字高亮和微博表情,查了一些資料,決定記錄點東西
先來看下效果圖:
像以上這種#話題#,@XXX昵稱,HTTP:網頁鏈接等元素,在微博里是被高亮成藍色效果的。
那么在我們的安卓程序開發中應該如何動態的實現這些效果呢?
其實很簡單,我寫了個小例子,先來看下效果圖:
其實要實現這種效果非常的簡單,在Android里已經幫我們封裝好了一系列的工具類,例如:
android.text.Spanned
android.text.SpannableString
android.text.SpannableStringBuilder
SpannableString和 SpannableStringBuilder可以用來設置不同的Span,可以很容易的實現個性化TextView,比如粗體,斜體,前景色,背景色,字體大小,字體風格等等,android.text.style.*中定義了很多的Span類型可供使用。
其實也沒什么好說的,這只是個工具類,只需要掌握他的一般使用方法就可以了,這里直接上代碼(附注釋)
1 package com.example.spannabletest; 2 3 import java.util.HashMap; 4 import java.util.Map; 5 import java.util.regex.Matcher; 6 import java.util.regex.Pattern; 7 8 import android.app.Activity; 9 import android.graphics.Color;10 import android.graphics.drawable.Drawable;11 import android.os.Bundle;12 import android.text.SpannableString;13 import android.text.Spanned;14 import android.text.style.ForegroundColorSpan;15 import android.text.style.ImageSpan;16 import android.text.style.RelativeSizeSpan;17 import android.widget.TextView;18 19 public class MainActivity extends Activity {20 21 PRivate TextView textView;22 23 //待轉換字符串24 private String info="#我愛JAVA#我的微博名:@Balla_兔子 [兔子]http://weibo.com/lichenwei1992";25 26 @Override27 protected void onCreate(Bundle savedInstanceState) {28 super.onCreate(savedInstanceState);29 setContentView(R.layout.activity_main);30 textView=(TextView) findViewById(R.id.tx);31 32 33 34 35 /**36 * 在Android里提供了許多個性化TextView內容的工具類, 使用這些類可以代替常規String。37 * android.text.Spanned38 * android.text.SpannableString39 * android.text.SpannableStringBuilder40 * 41 * 由于Spannable等類最終都實現了CharSequence接口,所以可以直接把SpannableString和SpannableStringBuilder通過TextView.setText()設置給TextView。42 */43 44 //實例化一個Spannable對象45 SpannableString spannableString=new SpannableString(info);46 //通過setSpan()方法可以用來定義不同的樣式內容47 //設置字體48 //方式一:直接定位49 spannableString.setSpan(new ForegroundColorSpan(Color.BLUE), 0, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);50 //方式二:配合String工具類定位51 spannableString.setSpan(new ForegroundColorSpan(Color.BLUE), info.indexOf("@"), info.indexOf(" "), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);52 //方式三,利用正則表達式匹配定位53 Map<String,Integer> map=getHttpPostion();54 spannableString.setSpan(new ForegroundColorSpan(Color.BLUE),map.get("start"), map.get("end"), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);55 56 //設置字體大小57 spannableString.setSpan(new RelativeSizeSpan((float) 1.5),map.get("start"),info.length(),Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);58 //設置圖片表情59 Drawable drawable=getResources().getDrawable(R.drawable.d_tuzi);60 drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());61 spannableString.setSpan(new ImageSpan(drawable), info.indexOf("["), info.indexOf("]")+1, Spanned.SPAN_INCLUSIVE_INCLUSIVE);62 63 64 textView.setText(spannableString); 65 66 67 }68 69 public Map<String,Integer> getHttpPostion(){70 Map<String,Integer> map=new HashMap<String,Integer>();71 Pattern pattern=Pattern.compile("http:.*");72 Matcher matcher=pattern.matcher(info);73 if(matcher.find()){74 map.put("start", matcher.start());75 map.put("end", matcher.end());76 }77 return map;78 79 }80 81 82 83 84 }
使用方法:
1、要使用個性化TextView的時候,我們需要創建一個SpannableString或SpannableStringBuilder,它們的區別在于 SpannableString像一個String一樣,構造對象的時候傳入一個String,之后再無法更改String的內容,也無法拼接多個 SpannableString;而SpannableStringBuilder則更像是StringBuilder,它可以通過其append()方法來拼接多個String。
SpannableString類:
SpannableStringBuffer類:
2、創建完Spannable對象后,可以為它們設置Span來實現想要的個性化了(SpannableString和SpannableStringBuilder都有一個相同的Span方法)
這里是API:
參數一:Object what(這里是指風格)
AbsoluteSizeSpan(int size) :設置字體大小,參數是絕對數值,相當于Word中的字體大小。
RelativeSizeSpan(float proportion) :設置字體大小,參數是相對于默認字體大小的倍數。
ScaleXSpan(float proportion):縮放字體,與上面的類似,默認為1,設置后就是原來的乘以proportion,大于1時放大(zoon in),小于時縮小(zoom out)。
BackgroundColorSpan(int color):背景著色,參數是顏色數值,可以直接使用android.graphics.Color里面定義的常量,或是用Color.rgb(int, int, int)。
ForegroundColorSpan(int color):前景著色,也就是字的著色,參數與背景著色一致。
TypefaceSpan(String family):字體,參數是字體的名字比如“sans", "sans-serif"等。
StyleSpan(Typeface style) :字體風格,比如粗體,斜體,參數是android.graphics.Typeface里面定義的常量,如Typeface.BOLD,Typeface.ITALIC等等。
StrikethroughSpan:如果設置了此風格,會有一條線從中間穿過所有的字,就像被劃掉一樣。
對于這些Sytle span在使用的時候通常只傳上面所說明的構造參數即可,不需要設置其他的屬性,如果需要的話,也可以對它們設置其他的屬性,詳情可以參見API文檔。
參數二和三:(int start,int end)
這里是指個性化匹配的位置:這里有很多種方式去實現,例如直接寫死位置,也可以和String類的一些方法配合使用,比如:indexOf(),也可以寫個正則匹配方法,如果要匹配多次可以把這些匹配存入一個Map集合,具體情況,根據自己的項目抉擇哈。
參數四:(int flags)
常用的有:(這里理解起來就好像數學中的區間定義,開區間或是閉區間)
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含兩端start和end所在的端點
Spanned.SPAN_EXCLUSIVE_INCLUSIVE--- 不包含端start,但包含end所在的端點
Spanned.SPAN_INCLUSIVE_EXCLUSIVE--- 包含兩端start,但不包含end所在的端點
Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含兩端start和end所在的端點
還有一些其他的屬性,這里就不一一列舉了,大家自己翻看API文檔吧。
再來翻看下SpannableString和SpannableStringBuffer的源碼,我們可以發現,他們都實現了CharSequence接口,所以他們可以直接在TextView.setText()中設置
好了,這里只是拋磚引玉,給出了最基礎的使用方法,具體項目中還需要去靈活的變換使用方法。
新聞熱點
疑難解答