转-SpannableString-android:为TextView添加样式——下划线,颜色,设置链接样式及前背景色

http://blog.csdn.net/fancylovejava/article/details/39927539?utm_source=tuicool&utm_medium=referral

项目开发中需要实现这种效果

多余两行,两行最后是省略号,省略号后面是下拉更多

之前用过的是Html.fromHtml去处理图文混排的,仅仅是文字后图片或者文字颜色字体什么的,

但是这里需要在最后文字的省略号后面添加图片。

直接上代码吧,代码注释很多,慢慢研究

  1. private void toggleEllipsize(final TextView tv,final String desc){
  2.         if(desc == null){
  3.         return;
  4.         }
  5.         tv.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
  6.             @Override
  7.             public void onGlobalLayout() {
  8.                 boolean isEllipsized = (tv.getTag()==null||tv.getTag().equals(false))?false:(Boolean)tv.getTag();
  9.                 if(isEllipsized){
  10.                     tv.setTag(false);
  11.                 tv.setText(desc);
  12.                 }else{
  13.                 tv.setTag(true);
  14.                 int paddingLeft = tv.getPaddingLeft();
  15.                 int paddingRight = tv.getPaddingRight();
  16.                 TextPaint paint = tv.getPaint();
  17.                 float moreText = tv.getTextSize()*3;
  18.                 float availableTextWidth = (tv.getWidth()-paddingLeft-paddingRight)*2-moreText;
  19.                 CharSequence ellipsizeStr = TextUtils.ellipsize(desc,paint,availableTextWidth,TextUtils.TruncateAt.END);
  20.                 if(ellipsizeStr.length()<desc.length()){
  21.                     /*String html = “<img src=’game_info_lookmore’/>”;
  22.                     CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {
  23.                         @Override
  24.                         public Drawable getDrawable(String source) {
  25.                             Drawable drawable = getResources().getDrawable(
  26.                                     getResourceId(source));
  27.                             drawable.setBounds(
  28.                                     0,
  29.                                     0,
  30.                                     drawable.getIntrinsicWidth()
  31.                                             – DensityUtil.dip2px(GridGameInfoActivity.this, 3),
  32.                                     drawable.getIntrinsicHeight()
  33.                                             – DensityUtil.dip2px(GridGameInfoActivity.this, 1));
  34.                             return drawable;
  35.                         }
  36.                     }, null);
  37.                     ellipsizeStr = ellipsizeStr.toString() + charSequence.toString();*/
  38.                     CharSequence temp = ellipsizeStr+“.”;
  39.                     SpannableStringBuilder ssb = new SpannableStringBuilder(temp);
  40.                     Drawable dd = getResources().getDrawable(R.drawable.game_info_lookmore);
  41.                     dd.setBounds(00, dd.getIntrinsicWidth(), dd.getIntrinsicHeight());
  42.                     ImageSpan is = new ImageSpan(dd, ImageSpan.ALIGN_BASELINE);
  43.                     ssb.setSpan(is, temp.length()-1, temp.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
  44. //                  int yellow = getResources().getColor(R.color.red);
  45. //                  ssb.setSpan(new ForegroundColorSpan(yellow),ssb.length()-2,ssb.length(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  46.                     tv.setText(ssb);
  47.                     tv.setMovementMethod(LinkMovementMethod.getInstance());
  48.                 }else{
  49.                     tv.setText(desc);
  50.                 }
  51.                 }
  52.                 if(Build.VERSION.SDK_INT>=16){
  53.                     tv.getViewTreeObserver().removeOnGlobalLayoutListener(this);
  54.                 }else{
  55.                     tv.getViewTreeObserver().removeGlobalOnLayoutListener(this);
  56.                 }
  57.             }
  58.         });
  59.         }

主要是通过SpannableStringBuilder把省略的文字和最后的图片给拼接起来。也可以最后拼接的是文字,

不让…更多

转篇博客:

Android spannableStringBuilder用法整理

  1. spannableStringBuilder 用法详解:
  2.  SpannableString ss = new SpannableString(“红色打电话斜体删除线绿色下划线图片:.”);
  3.          //用颜色标记文本
  4.          ss.setSpan(new ForegroundColorSpan(Color.RED), 02,
  5.                  //setSpan时需要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括).
  6.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  7.          //用超链接标记文本
  8.          ss.setSpan(new URLSpan(“tel:4155551212”), 25,
  9.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  10.          //用样式标记文本(斜体)
  11.          ss.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 57,
  12.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  13.          //用删除线标记文本
  14.          ss.setSpan(new StrikethroughSpan(), 710,
  15.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  16.          //用下划线标记文本
  17.          ss.setSpan(new UnderlineSpan(), 1016,
  18.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  19.          //用颜色标记
  20.          ss.setSpan(new ForegroundColorSpan(Color.GREEN), 1013,
  21.                  Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  22.          //获取Drawable资源
  23.          Drawable d = getResources().getDrawable(R.drawable.icon);
  24.          d.setBounds(00, d.getIntrinsicWidth(), d.getIntrinsicHeight());
  25.          //创建ImageSpan
  26.          ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
  27.          //用ImageSpan替换文本
  28.          ss.setSpan(span, 1819, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
  29.          txtInfo.setText(ss);
  30.          txtInfo.setMovementMethod(LinkMovementMethod.getInstance()); //实现文本的滚动  
  31. 通常用于显示文字,但有时候也需要在文字中夹杂一些图片,比如QQ中就可以使用表情图片,又比如需要的文字高亮显示等等,如何在android中也做到这样呢?
  32. 记得android中有个android.text包,这里提供了对文本的强大的处理功能。
  33. 添加图片主要用SpannableString和ImageSpan类:
  34.      Drawable drawable = getResources().getDrawable(id);
  35.         drawable.setBounds(00, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
  36.         //需要处理的文本,[smile]是需要被替代的文本  
  37.         SpannableString spannable = new SpannableString(getText().toString()+“[smile]”);
  38.         //要让图片替代指定的文字就要用ImageSpan  
  39.         ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);
  40.         //开始替换,注意第2和第3个参数表示从哪里开始替换到哪里替换结束(start和end)  
  41.        //最后一个参数类似数学中的集合,[5,12)表示从5到12,包括5但不包括12  
  42.         spannable.setSpan(span, getText().length(),getText().length()+“[smile]”.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
  43.         setText(spannable);
  44. 将需要的文字高亮显示:
  45. public void highlight(int start,int end){
  46.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用于可变字符串  
  47.         ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);
  48.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  49.         setText(spannable);
  50.     }
  51. 加下划线:
  52. public void underline(int start,int end){
  53.         SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());
  54.         CharacterStyle span=new UnderlineSpan();
  55.         spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  56.         setText(spannable);
  57.     }
  58. 组合运用:
  59. SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());
  60.         CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);
  61.         CharacterStyle span_2=new ForegroundColorSpan(Color.RED);
  62.         spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  63.         spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  64.         setText(spannable);
  65. 案例:带有\n换行符的字符串都可以用此方法显示2种颜色
  66.     /** 
  67.      * 带有\n换行符的字符串都可以用此方法显示2种颜色 
  68.      * @param text 
  69.      * @param color1 
  70.      * @param color2 
  71.      * @return 
  72.      */
  73.     public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){
  74.         SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串  
  75.         CharacterStyle span_0=null,span_1=null,span_2;
  76.         int end=text.indexOf(“\n”);
  77.         if(end==-1){//如果没有换行符就使用第一种颜色显示  
  78.             span_0=new ForegroundColorSpan(color1);
  79.             spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  80.         }else{
  81.             span_0=new ForegroundColorSpan(color1);
  82.             span_1=new ForegroundColorSpan(color2);
  83.             spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  84.             spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  85.             span_2=new AbsoluteSizeSpan(fontSize);//字体大小  
  86.             spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  87.         }
  88.         return spannable;
  89.     }

 

有疑问可以留言,交流讨论

http://blog.csdn.net/caiyunfreedom/article/details/6763834

 

android:为TextView添加样式——下划线,颜色,设置链接样式及前背景色

分类: android java 41016人阅读 评论(6) 收藏 举报

实现下划线及颜色设置:

public class AtActivity extends Activity {

LinearLayout ll;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ll=(LinearLayout)findViewById(R.id.ll);
TextView tv=new TextView(this);

   tv.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);//下划线
tv.setText(“使用代码实现下划线样式”);
tv.setTextColor(Color.WHITE);
ll.addView(tv);

tv=new TextView(this);
 tv.setText(Html.fromHtml(“<u>使用html实现下划线样式</u>”));
ll.addView(tv);

}
}设置超链接样式:默认的超链接是蓝色的,我们现在设置成前景红色

public class AtActivity extends Activity {

LinearLayout ll;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ll=(LinearLayout)findViewById(R.id.ll);
TextView tv=new TextView(this);

tv.setText(Html.fromHtml(“<a href=\”http://blog.csdn.net/CAIYUNFREEDOM\”>自定义的超链接样式</a>”));
tv.setMovementMethod(LinkMovementMethod.getInstance());
CharSequence text  =  tv.getText();
if (text instanceof Spannable){

int  end  =  text.length();
Spannable sp  =  (Spannable)tv.getText();
URLSpan[] urls = sp.getSpans( 0 , end, URLSpan.class );

SpannableStringBuilder style = new  SpannableStringBuilder(text);
style.clearSpans(); // should clear old spans
for (URLSpan url : urls){     
URLSpan myURLSpan=   new  URLSpan(url.getURL());
style.setSpan(myURLSpan,sp.getSpanStart(url),sp.getSpanEnd(url),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
  style.setSpan(new ForegroundColorSpan(Color.RED), sp.getSpanStart(url), sp.getSpanEnd(url),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);//设置前景色为红色
}
tv.setText(style);
}

ll.addView(tv);

tv=new TextView(this);
tv.setText(Html.fromHtml(“<a href=\”http://blog.csdn.net/CAIYUNFREEDOM\”>默认的超链接样式</a>”));
tv.setMovementMethod(LinkMovementMethod.getInstance());
ll.addView(tv);

}
}

http://blog.csdn.net/xijiaohuangcao/article/details/7839856

我一直都不清楚Spanned.SPAN_EXCLUSIVE_EXCLUSIVE、 Spanned.SPAN_INCLUSIVE_EXCLUSIVE、Spanned.SPAN_EXCLUSIVE_INCLUSIVE、 Spanned.SPAN_INCLUSIVE_INCLUSIVE这几个参数的含义,直到看到这位老兄的blog,

http://aichixihongshi.iteye.com/blog/1207503

我把关键部分摘抄如下:

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE, 这是在 setSpan 时需要指定的 flag,它的意义我试了很久也没试出来,睡个觉,今天早上才突然有点想法,试之,果然。它是用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、 Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括,后面不包括)、 Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括,后面包括)、 Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。看个截图就更明白了:

对比一下

http://blog.csdn.net/hhbgk/article/details/9866543

 

通过SpannableString来给特殊的字符加特别的颜色。

主要的函数内容如下

  1. private void initData() {
  2.         AssetManager am = getAssets();//得到Assets对象
  3.         InputStream in = null;
  4.         try {
  5.             in = am.open(“test/english.txt”);//打开assets目录下面的文件并赋值给InputStream对象
  6.         } catch (IOException e2) {
  7.             e2.printStackTrace();
  8.         }
  9.         String result = “”;
  10.         long size = 0;
  11.         try {
  12.             size = in.available();
  13.         } catch (IOException e1) {
  14.             e1.printStackTrace();
  15.         }
  16.         byte[] buffer = new byte[(int) size];
  17.         try {
  18.             in.read(buffer);
  19.         } catch (IOException e) {
  20.             e.printStackTrace();
  21.         }
  22.         result = EncodingUtils.getString(buffer, “UTF-8”);//字符转换,默认使用UTF-8
  23.         SpannableString ss = new SpannableString(result);
  24.         int length = result.length();//此字符串数
  25.         int i = 0;
  26.         char ch;
  27.         int start = 0, end = 0;
  28.         boolean bSpecial = false;
  29.         while (length > 0)
  30.         {
  31.             ch = result.charAt(i);
  32.             if (ch == ‘[‘) {
  33.                 bSpecial = true;
  34.                 start = i;//记录限定字符的开始位置
  35.             }
  36.             if (ch == ‘]’ && bSpecial) {
  37.                 end = i;//记录限定字符的结束位置
  38.                 //给限定字符之间的字符着色
  39.                 ss.setSpan(new ForegroundColorSpan(Color.RED), start+1, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
  40.                 bSpecial = false;
  41.                 start = 0;
  42.                 end = 0;
  43.             }
  44.             length–;
  45.             i++;
  46.         }
  47.         tv.setText(ss);//显示
  48.     }

代码下载

 

 

http://blog.csdn.net/tlc0211/article/details/8617668

 

SpannableString

TextView是用来显示文本的,有时需要给TextView中的个别字设置为超链接,或者设置个别字的颜色、字体等,那就需要用到Spannable对象,可以借助Spannable对象实现以上设置

myTextView = (TextView) this.findViewById(R.id.myTextView);

//创建一个 SpannableString对象
SpannableString sp = new SpannableString(“这句话中有百度超链接,有高亮显示,这样,或者这样,还有斜体.”);
//设置超链接
sp.setSpan(new URLSpan(“http://www.baidu.com”), 5, 7,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置高亮样式一
sp.setSpan(new BackgroundColorSpan(Color.RED), 17 ,19,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
//设置高亮样式二
sp.setSpan(new ForegroundColorSpan(Color.YELLOW),20,24,Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
//设置斜体
sp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 27, 29, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
//SpannableString对象设置给TextView
myTextView.setText(sp);
//设置TextView可点击
myTextView.setMovementMethod(LinkMovementMethod.getInstance());

 

textview显示不同的颜色、样式来表示,需要用到SpannableString对象来处理

下面是从网上找的一段代码,已验证过:

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跟end
start是起始位置,无论中英文,都算一个。从0开始计算起。end是结束位置,所以处理的文字,包含开始位置,但不包含结束位置。

下面解决点击不同文字跳转到不同activity的问题:

直接贴代码:

package com.feel;

import android.app.Activity;
import android.os.Bundle;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class TextViewJump2Activity extends Activity {
/** Called when the activity is first created. */
private TextView mClickableText;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
LinearLayout layout = new LinearLayout(this);
mClickableText = new TextView(this);
mClickableText.setClickable(true);
mClickableText.setTextSize(20);

layout.addView(mClickableText);
setContentView(layout);
mClickableText.setText(getClickableSpan());
mClickableText.setMovementMethod(LinkMovementMethod.getInstance());
}

private SpannableString getClickableSpan() {
View.OnClickListener l = new View.OnClickListener() {
//如下定义自己的动作
public void onClick(View v) {
Toast.makeText(TextViewJump2Activity.this, “Click Success”, Toast.LENGTH_SHORT).show();

//在这里就可以做跳转到activity或者弹出对话框的操作了
}
};

SpannableString spanableInfo = new SpannableString(“This is a test, Click Here!”);
int start = 16;
int end = spanableInfo.length();
spanableInfo.setSpan(new Clickable(l), start, end,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
return spanableInfo;
}
}

class Clickable extends ClickableSpan implements OnClickListener {
private final View.OnClickListener mListener;

public Clickable(View.OnClickListener l) {
mListener = l;
}

@Override
public void onClick(View v) {
mListener.onClick(v);
}
}