你的位置:首页 > Java教程

[Java教程]安卓开发笔记——个性化TextView(新浪微博)


这几天在仿写新浪微博客户端,在处理微博信息的时候需要处理关键字高亮和微博表情,查了一些资料,决定记录点东西

先来看下效果图:

像以上这种#话题#,@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()中设置

 

好了,这里只是抛砖引玉,给出了最基础的使用方法,具体项目中还需要去灵活的变换使用方法。