南小爵

站在巨人肩膀上看风景。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

SpannableStringBuilder 和 SpannableString

Posted on 2015-01-27 14:25  南小爵  阅读(605)  评论(0编辑  收藏  举报

EditText: 
        通常用于显示文字,但有时候也需要在文字中夹杂一些图片,比如QQ中就可以使用表情图片,又比如需要的文字高亮显示等等,如何在android中也做到这样呢? 
记得android中有个android.text包,这里提供了对文本的强大的处理功能。 
添加图片主要用SpannableString和ImageSpan类: 

 1      Drawable drawable = getResources().getDrawable(id);  
 2      drawable.setBounds(0, 0,
 3               drawable.getIntrinsicWidth(), 
 4               drawable.getIntrinsicHeight());  
 5         //需要处理的文本,[smile]是需要被替代的文本  
 6         SpannableString spannable = new SpannableString(getText().toString()
 7                                                     +"[smile]");  
 8         //要让图片替代指定的文字就要用ImageSpan  
 9         ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);  
10         //开始替换,注意第2和第3个参数表示从哪里开始替换到哪里替换结束(start和end)  
11         //最后一个参数类似数学中的集合,[5,12)表示从5到12,包括5但不包括12  
12         spannable.setSpan(span, getText().length(),getText().length()
13                    +"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);    
14         setText(spannable);  

 有的时候可能只想用一个textview来表示文字,但文字里肯定有分不同内容的东西,需要用不同的颜色、样式来表示. 
        这个时候,就需要用到SpannableString对象来处理。 

/**
  * new StrikethroughSpan() //设置删除线
  * new URLSpan("http://www.baidu.com")//http超链接
  * new URLSpan("tel:4155551212")//电话超链接
  */
mTextView = (TextView)findViewById(R.id.test);
SpannableString tSS = new SpannableString(“SpannableString学习中”);
tSS.setSpan(new BackgroundColorSpan(Color.RED), 0, 2, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  //红色高亮
tSS.setSpan(new UnderlineSpan(), 15, 18,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);    //下划线
tSS.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 2, 5, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); //斜体
mTextView.setText(tSS);

关键方法: 
public void setSpan (Object what, int start, int end, int flags) 
start是起始位置,无论中英文,都算一个。从0开始计算起。end是结束位置,所以处理的文字,包含开始位置,但不包含结束位置。 

 

将需要的文字高亮显示: 

1 public void highlight(int start,int end){  
2         SpannableStringBuilder spannable=
3               new SpannableStringBuilder(getText().toString());//用于可变字符串  
4         ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);  
5         spannable.setSpan(span, start, 
6                          end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
7         setText(spannable);  
8 }  

加下划线:

1 public void underline(int start,int end){  
2         SpannableStringBuilder spannable=
3                   new SpannableStringBuilder(getText().toString());  
4         CharacterStyle span=new UnderlineSpan();  
5         spannable.setSpan(span, start, 
6                   end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
7         setText(spannable);  
8 }  

组合运用:

1 SpannableStringBuilder spannable=
2         new SpannableStringBuilder(getText().toString());  
3         CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);  
4         CharacterStyle span_2=new ForegroundColorSpan(Color.RED);  
5         spannable.setSpan(span_1, start, 
6                       end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
7         spannable.setSpan(span_2, start, 
8                       end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
9         setText(spannable);  

案例:带有\n换行符的字符串都可以用此方法显示2种颜色 

 1  /** 
 2    * 带有\n换行符的字符串都可以用此方法显示2种颜色 
 3    * @param text 
 4    * @param color1 
 5    * @param color2 
 6    * @return 
 7    */  
 8    public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){  
 9        SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串  
10        CharacterStyle span_0=null,span_1=null,span_2;  
11        int end=text.indexOf("\n");  
12        if(end==-1){//如果没有换行符就使用第一种颜色显示  
13            span_0=new ForegroundColorSpan(color1);  
14            spannable.setSpan(span_0, 0, 
15                            text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
16        }else{  
17            span_0=new ForegroundColorSpan(color1);  
18            span_1=new ForegroundColorSpan(color2);  
19            spannable.setSpan(span_0, 0, 
20                            end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
21            spannable.setSpan(span_1, end+1, 
22                            text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
23            span_2=new AbsoluteSizeSpan(fontSize);//字体大小  
24            spannable.setSpan(span_2, end+1, 
25                            text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
26         }  
27        return spannable;  
28    }

 

字体背景颜色(BackgroundColorSpan)

1 SpannableString spanString = new SpannableString("欢迎光临Harvic的博客");  
2 BackgroundColorSpan span = new BackgroundColorSpan(Color.YELLOW);  
3 spanString.setSpan(span, 0, 3, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
4 editText.setText(spanString);  

 

以上实际都是Html.fromHtml(html)的代码实现形式。 
============================================================================= 

TextView: (方法与EditView类似) 
如何让一个TextView中的关键字高亮显示? 

 1     /** 
 2      * 关键字高亮显示 
 3      * @param target 需要高亮的关键字 
 4      */  
 5     public void highlight(String target){  
 6         String temp=getText().toString();  
 7         SpannableStringBuilder spannable = new SpannableStringBuilder(temp);  
 8         CharacterStyle span=null;  
 9           
10         Pattern p = Pattern.compile(target);  
11         Matcher m = p.matcher(temp);  
12         while (m.find()) {  
13             span = new ForegroundColorSpan(Color.RED);//需要重复!
14             //span = new ImageSpan(drawable,ImageSpan.XX);//设置现在图片
15             spannable.setSpan(span, m.start(),  m.end(),
16                               Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
17         }  
18         setText(spannable);  
19     }