android带样式文字的实现

写android的ui页面的时候，常常遇到一行文字或者多行文字中，样式各不相同，如下图很简单的一个ui：

 

我们可以看到，该内容包含了不同的字体、不同的颜色、不同的大小。很自然我们首先想到使用不同的textview，每个textview设置不同的实现方式就可以。确实可以这样做，但是如果一片文字中，有更多的样式难道要不断的添加textview，然后invisible或者gone掉某几个么？

我们希望，文字的内容和样式是分离的，我们需要控制的文字内容在单个textview里面，下面分享用到的这个方法。

android里面提供了带样式的SpannableString对象，textview支持带样式声明的string对象。

下面我们来做个test：

TextView mTextView = (TextView)findViewById(R.id.test1);   

//创建一个 SpannableString对象   

SpannableString msp = new SpannableString("字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot");    

 

//设置字体(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:123456789"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //电话   

msp.setSpan(new URLSpan("mailto:123456789@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //邮件   

msp.setSpan(new URLSpan("http://www.1234.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //网络   

msp.setSpan(new URLSpan("sms:0123456789"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //短信   使用sms:或者smsto:   

msp.setSpan(new URLSpan("mms:0123456789"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //彩信   使用mms:或者mmsto:   

msp.setSpan(new URLSpan("123: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轴方向放大为默认字体的两倍，而高度不变   

 

//设置项目符号   

msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH,Color.GREEN), 0 ,msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第一个参数表示项目符号占用的宽度，第二个参数为项目符号的颜色   

 

//设置图片   

Drawable drawable = getResources().getDrawable(R.drawable.unipay_pic_modiamond);   

drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());   

msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   

 

mTextView.setText(msp);   

mTextView.setMovementMethod(LinkMovementMethod.getInstance());   

 

如下图：

 

 

 实际应用的截图就不上传了，涉及公司信息。