Android中的各类Span全面系统研究

转载 2015年07月06日 16:36:06
Android中的各类Span全面系统研究


转自:http://chuansongme.com/n/20867




注意:效果图请点击原文查看      
在android中,有时候需要对文本进行各种特别的设置,比如颜色、大小、首行缩进,或者是在一段文本中加入图片,甚至是书写一些特殊的公式。如果通过布局文件使用多个控件来实现,一方面会使的使用起来特别的复杂,增加了布局文件维护的难度,另一方面,如果加入了太多的控件,在页面加载时也要耗费更多的资源。如果在HTML中,则可以使用各种标签来实现这些特殊效果,而在android中有类似的机制,只不过不是使用标签来实现,而是使用Spannable对象来实现。
一、关于Spannable的构建:


可以看出,Spannable继承自Spanned接口,而实际上,Spanned继承自CharSequence接口:


在TextView的setText(CharSequence text)方法中,要求的参数正好是一个CharSequence对象,因此,我们可以通过Spannable对象来直接使用setText来完成文本的设置。在使用中通常使用Spannable spn = new SpannableString("字符串");或者通过SpannableStringBuilder对象来进行构建。
二、给Spannable对象设置样式:
在构建除了Spannable对象以后,就可以使用spannable.setSpan(Obj what, int start, int end, int flags)方法来进行样式的设置了,其中参数what是具体样式的实现对象,start则是该样式开始的位置,end对应的是样式结束的位置,参数flags,定义在Spannable中的常量,常用的有:
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含两端start和end所在的端点              (a,b)
Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start,但包含end所在的端点       (a,b]
Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含两端start,但不包含end所在的端点   [a,b)
Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含两端start和end所在的端点                     [a,b]
但实际测试这其中似乎并未有差别,而在start和end相同的情况下,则只对start所在字符的当前行起作用。
三、样式分析:
用来构建样式的具体的类都在android.text.style包下,下面逐一进行分析。
1.AbsoluteSizeSpan
顾名思义,AbsoluteSizeSpan是指绝对尺寸,通过指定绝对尺寸来改变文本的字体大小。该类有三个构造函数:
AbsoluteSizeSpan(int size)、AbsoluteSizeSpan(int size, boolean dip)、AbsoluteSizeSpan(Parcel src)。
AbsoluteSizeSpan(int size):参数size, 以size的指定的像素值来设定文本大小。
AbsoluteSizeSpan(int size, boolean dip):参数size,以size的指定像素值来设定文本大小,如果参数dip为true则以size指定的dip为值来设定文本大小。
AbsoluteSizeSpan(Parcel src):参数src,包含有size和dip值的包装类。在该构造中
public AbsoluteSizeSpan(Parcel src) {
mSize = src.readInt();
mDip = src.readInt() != 0;    
}
使用范例:
Parcel p = Parcel.obtain();
p.writeInt(29);//字体大小
p.writeInt(8);//是否是dip单位
p.setDataPosition(0);
AbsoluteSizeSpan ass = new AbsoluteSizeSpan(p);
效果:
2.AlignmentSpan.Standard
AlignmentSpan.Standard,标准文本对齐样式,该类有两个构造函数,AlignmentSpan.Standard(Layout.Alignment align)和AlignmentSpan.Standard(Parcel src)。AlignmentSpan.Standard(Layout.Alignment align):参数align,Layout.Alignment类型的枚举值。包括居中、正常和相反三种情况。
AlignmentSpan.Standard(Parcel src):参数src,包含有标准字符串的Parcel类,其值应为"ALIGN_CENTER"、"ALIGN_NORMAL"或"ALIGN_OPPOSITE"中的之一,对应Layout.Alignment枚举中的三个类型。使用示例:
Parcel p = Parcel.obtain();
p.writeString(\"ALIGN_CENTER\");
p.setDataPosition(0);
AlignmentSpan.Standard standard = new AlignmentSpan.Standard(p);
效果:
3.BackgroundColorSpan
BackgroundColorSpan,背景色样式,显然可以用来设定文本的背景色。该类有两个构造函数,BackgroundColorSpan(int color)和BackgroundColorSpan(Parcel src)。
BackgroundColorSpan(int color):参数color,颜色值。
BackgroundColorSpan(Parcel src):参数src,包含颜色值信息的包装类,使用方法如下:
Parcel p = Parcel.obtain();
p.writeInt(Color.GREEN);
p.setDataPosition(0);
BackgroundColorSpan bcs = new BackgroundColorSpan(p);
效果:
4.BulletSpan
BulletSpan,着重样式,类似于HTML中的<li>标签的圆点效果。该类有4个构造函数BulletSpan()、BulletSpan(int gapWidth)、BulletSpan(int gapWidth,int color)、BulletSpan(Parcel src)。
BulletSpan():仅提供一个与文本颜色一致的符号。
BulletSpan(int gapWidth): 提供一个与文本颜色一致的符号,并指定符号与后面文字之间的空白长度。
BulletSpan(int gapWidth,int color):提供一个指定颜色的符号,并指定符号与后面文字之间的宽度。
BulletSpan(Parcel src):参数src,包含宽度、颜色信息的包装类,在以此构造时,构造函数的调用如下:
mGapWidth = src.readInt();
mWantColor = src.readInt() != 0;\nmColor = src.readInt();
如果使用Parcel作为参数时,使用方式为:
Parcel p = Parcel.obtain();
p.writeInt(20);//设置gapWidth
p.writeInt(1);//设置是否使用颜色
p.writeInt(Color.YELLOW);//设置颜色
p.setDataPosition(0);
BulletSpan bs3 = new BulletSpan(p);
效果:
5.DrawableMarginSpan
DrawableMarginSpan,图片+Margin样式,该类有两个构造函数:DrawableMarginSpan(Drawable b)、DrawableMarginSpan(Drawable b,int pad)。
DrawableMarginSpan(Drawable b):参数b,用于显示的图片。
DrawableMarginSpan(Drawable b,int pad):参数b,用于显示的图片,参数pad,图片和文字的距离。
效果:
6.ForegroundColorSpan
ForegroundColorSpan,字体颜色样式,用于改变字体颜色。该类有两个构造函数:ForegroundColorSpan(int color)、ForegroundColorSpan(Parcel src)。
ForegroundColorSpan(int color):参数color,字体颜色。
ForegroundColorSpan(Parcel src):参数src,包含字体颜色信息的包装类,使用如下:
Parcel p = Parcel.obtain();
p.writeInt(Color.YELLOW);
p.setDataPosition(0);
ForegroundColorSpan fcs = new ForegroundColorSpan(p);
效果:
7.IconMarginSpan
IconMarginSpan,图标+Margin样式,该类与DrawableMarginSpan使用上很相似。本类有两个构造函数:
IconMarginSpan(Bitmap b):参数b,用于显示图像的bitmap。
IconMarginSpan(Bitmap b,int pad):参数b,用于显示图像的bitmap,参数pad,Bitmap和文本之间的间距。
效果:
8.ImageSpan
ImageSpan,图片样式,主要用于在文本中插入图片。本类构造函数较多,但主要是针对Bitmap和Drawable的,也可以通过资源Id直接加载图片。如下:
ImageSpan(Bitmap b):.参数b,用于显示的Bitmap。该方法已过时,改用Use ImageSpan(Context, Bitmap)代替。
ImageSpan(Bitmap b, int verticalAlignment):参数b,用于显示的Bitmap,参数verticalAlignment,对齐方式,对应ImageSpan中的常量值。该方法已过时,改用ImageSpan(Context, Bitmap, int)代替。
ImageSpan(Context context, Bitmap b):参数context,传入的上下文,参数b,用于显示的Bitmap。
ImageSpan(Context context, Bitmap b, int verticalAlignment):参数context,传入的上下文,参数b,用于显示的Bitmap,参数verticalAlignment,对齐方式。
ImageSpan(Drawable d):参数d,用于显示的Drawable,此Drawable须设置大小。
ImageSpan(Drawable d, int verticalAlignment):参数d,用于显示的Drawable,参数verticalAlignment,对齐方式。
ImageSpan(Drawable d, String source):参数d,用于显示的Drawable,参数source,资源字符串。
ImageSpan(Drawable d, String source, int verticalAlignment):参数d,用于显示的Drawable,参数source,资源字符串,参数verticalAlignment,对齐方式。
ImageSpan(Context context, Uri uri):参数context,传入的上下文,参数uri,图片的uri。
ImageSpan(Context context, Uri uri, int verticalAlignment):参数context,传入的上下文,参数uri,图片的uri,参数verticalAlignment,对齐方式。
ImageSpan(Context context, int resourceId):参数context,传入的上下文,参数resourceId,图片的资源id。
ImageSpan(Context context, int resourceId, int verticalAlignment)参数context,传入的上下文,参数resourceId,图片的资源id,参数verticalAlignment,对齐方式。
效果:


9.LeadingMarginSpan
LeadingMarginSpan.Standard,文本缩进的样式。有3个构造函数,分别为:
Standard(int arg0):参数arg0,缩进的像素。
Standard(int arg0, int arg1):参数arg0,首行缩进的像素,arg1,剩余行缩进的像素。
Standard(Parcel p): 参数p,包含缩进信息的包装类。在构造时,
public Standard(Parcel src) {
    mFirst = src.readInt();\n"+
    mRest = src.readInt();\n"+
}
使用方式:
Parcel p = Parcel.obtain();
p.writeInt(20);
p.writeInt(30);
p.setDataPosition(0);
Standard lms = new Standard(p);
效果:
  文字环绕图片效果


Android文本样式——下


继续就android的文本样式进行分析:
10.MaskFilterSpan
MaskFilterSpan,滤镜样式,只有一个构造函数:
MaskFilterSpan(MaskFilter filter):参数filter,滤镜样式。
说明:
在android系统里,MaskFilter提供了两个子类,BlurMaskFilter和EmbossMaskFilter,分别用来制作模糊效果和浮雕效果。
效果:
11.QuoteSpan
QuoteSpan,引用样式,在文本左侧添加一条表示引用的竖线,该类有3个构造函数:
QuoteSpan():无参构造,默认颜色为蓝色。
QuoteSpan(int color):参数color,颜色值。
QuoteSpan(Parcel src):包含颜色值信息的包装类。使用:
Parcel p = Parcel.obtain();
p.writeInt(Color.BLACK);
p.setDataPosition(0);
QuoteSpan qs = new QuoteSpan(p);
效果:
12.RasterizerSpan
RasterizerSpan,字面义为光栅化,实际效果不明显,待完善。一个构造函数:
RasterizerSpan(Rasterizer r):Rasterizer只有一个系统定义了的子类LayerRasterizer
13.RelativeSizeSpan
RelativeSizeSpan,相对大小,指相对于文本设定的大小的相对比例,如果没有设定则采用系统默认值。该类有两个构造函数:
RelativeSizeSpan(float proportion):参数proportion,比例值。如果文字设定大小为A,则显示出来的大小为A×proportion。
RelativeSizeSpan(Parcel src):参数src,包含了比例值信息的包装类。使用:
Parcel p = Parcel.obtain();
p.writeFloat(2.5f);
p.setDataPosition(0);
RelativeSizeSpan rss = new RelativeSizeSpan(p);
效果:
14.ScaleXSpan
ScaleXSpan,横向缩放样式,将字体按比例进行横向缩放。构造函数:
ScaleXSpan(float proportion):参数proportion,缩放比例。如果字体设置的大小为A,则实际显示为A×proportion。
ScaleXSpan(Parcel src):参数src,包含了缩放比例信息的包装类。使用:
Parcel p = Parcel.obtain();
p.writeFloat(2.5f);
p.setDataPosition(0);
ScaleXSpan rss = new ScaleXSpan(p);
效果:
15.StrikethroughSpan
StrikethroughSpan,删除线样式。该类有两个构造函数:
StrikethroughSpan()和SrickkethroughSapn(Parcel src)。但有参数的构造函数并未对src参数做处理,
public StrikethroughSpan(Parcel src) {
}
因此这两个构造函数完全是同样的效果。
16.StyleSpan
StyleSpan,主要由正常、粗体、斜体和同时加粗倾斜四种样式,常量值定义在Typeface类中。构造函数:
StyleSpan(int style):参数style,定义在Typeface中的常量。
StyleSpan(Parcel src):参数src,包含字体信息的包装类,用法:
Parcel p = Parcel.obtain();
p.writeInt(Typeface.BOLD_ITALIC);
p.setDataPosition(0);
StyleSpan ss = new StyleSpan(p);
效果:
17.SubscriptSpan
SubscriptSpan,脚注样式,比如化学式的常见写法,当然,还可以对脚注的文字做一定的缩放。构造函数:
SubscriptSpan():无参构造。
SubscriptSpan(Parcel src):一参构造,参数src并未起任何作用,源码中为:
public SuperscriptSpan(Parcel src) {
}
效果:
18.SuperscriptSpan
SuperscriptSpan,上标样式,比如数学上的次方运算,当然,还可以对上标文字进行缩放。构造函数:
SuperscriptSpan():无参构造。
SuperscriptSpan(Parcel src):一参构造,参数src并未起任何作用,源码中为:
public SuperscriptSpan(Parcel src) {
}
效果:
19.TabStopSpan
TabStopSpan.Standard,制表位偏移样式,距离每行的leading margin的偏移量,据测试在首行加入制表符时才产生效果。构造函数:
TabStopSpan.Standard(int where):参数where,偏移量。
效果:
20.TextAppearanceSpan
TextAppearanceSpan,使用style文件来定义文本样式,该类有4个构造函数:
TextAppearanceSpan(Context context, int appearance):参数context,传入的上下文,参数appearance,引用的样式表,如R.style.my_style。
TextAppearanceSpan(Context context, int appearance, int colorList):参数context,使用的上下文,参数appearance,引用的样式表,如R.style.my_style,参数colorList,使用方式未知,如果设置为小于0,则参数将不产生效果。
TextAppearanceSpan(String family, int style, int size,ColorStateList color, ColorStateList linkColor):参数family,字体,仅支持系统自带的三种字体,MONOSPACE、SERIF和SANS,参数style,TypeFace中定义的字体样式,BOLD、ITALIC等,参数size,字体大小,参数color,字体颜色,参数linkColor,使用方式未知。TextAppearanceSpan(Parcel src):参数src,含有样式信息的包装类,样式信息参照5参构造。使用:
Parcel p = Parcel.obtain();
p.writeString(\"SERIF\");
p.writeInt(Typeface.BOLD_ITALIC);
p.writeInt(10);
try {
    ColorStateList colorlist = ColorStateList.createFromXml(ctx.getResources(),ctx.getResources().getXml(R.drawable.parcelcolorlist));
    p.writeInt(1);
    colorlist.writeToParcel(p, Parcelable.PARCELABLE_WRITE_RETURN_VALUE);
    p.writeInt(1);
    colorlist.writeToParcel(p, Parcelable.PARCELABLE_WRITE_RETURN_VALUE);
} catch (Exception e) {
    e.printStackTrace();
}
p.setDataPosition(0);
TextAppearanceSpan tas = new TextAppearanceSpan(p);
注:在这个设置中style似乎并未起到作用,另外关于这个类的colorList和linkColor参数的使用尚不明了,有待解答。
效果:
21.TypefaceSpan
TypefaceSpan,字体样式,可以设置不同的字体,比如系统自带的SANS_SERIF、MONOSPACE和SERIF。构造函数:
TypefaceSpan(String family):参数family,字体的值,以字符串表示。
TypefaceSpan(Parcel src): 参数src,包含字体family信息的包装类,使用如下:
Parcel p = Parcel.obtain();
p.writeString(\"SERIF\");
p.setDataPosition(0);
TypefaceSpan ts = new TypefaceSpan(p);
 效果:
22.UnderlineSpan
UnderlineSpan,下划线样式,给一段文字加上下划线。构造函数:
UnderlineSpan(): 无参构造。
UnderlineSpan(Parcel src):一参构造, 与无参构造效果相同,构造中未对src做处理。源码:
public UnderlineSpan(Parcel src) {
}
效果:
23.URLSpan
URLSpan,可以打开一个链接。两个构造函数:
URLSpan(String url):参数url,链接地址。
URLSpan(Parcel src):参数src,包含链接地址信息的包装类,使用如下:
Parcel p = Parcel.obtain();
p.writeString("http://www.sina.com.cn");
p.setDataPosition(0);
URLSpan us = new URLSpan(p);
效果:


四、标注:
以上效果均在android2.3中测试,以后新增的几个类并未做说明,上面的类中还有几处使用的不甚明了的地方,希望能够尽快的完善。
以上所有的效果均写在了一个APK里,源码已上传至Android文本样式
下面的图片是我做的一个思维导图,方便大家梳理清楚思路。
阅读原文


当前位置: 传送门 ›› AppAdventure
关于 • 提交 • App美团云 • 又拍云 • 热榜

相关文章推荐

设置TextView 一行文本显示不同的效果

给Spannable对象设置样式: 在构建除了Spannable 对象以后,就可以使用spannable.setSpan(Obj what, int start, int end, int flag...

Android_ Spannable文本样式

在android中,有时候需要对文本进行各种特别的设置,比如颜色、大小、首行缩进,或者是在一段文本中加入图片,甚至是书写一些特殊的公式。如果通过布局文件使用多个控件来实现,一方面会使的使用起来特别的复...

Android文本样式——上

在android中,有时候需要对文本进行各种特别的设置,比如颜色、大小、首行缩进,或者是在一段文本中加入图片,甚至是书写一些特殊的公式。如果通过布局文件使用多个控件来实现,一方面会使的使用起来特别的复...

Span 介绍及使用(二)

上一节介绍了一下Span,有些乱,这一节我们来讲讲Android 提供的各种Span的应用。使用 Span 的步骤 定义你要显示的文本 定义你需要的Span 使用将要显示文字,构造一个Spannabl...

Android中的SpannableString,Spans以及TextView绘制原理

前言前段时间看过一篇 实现类似新浪微博帖子显示(2)——话题、@好友、表情解析工具类类似这种富文本的显示我们一般首先就会想到SpannableString,原作者也是这样实现的,就想着整理一下 相关知...
  • wbwjx
  • wbwjx
  • 2016年11月15日 22:45
  • 1341

Android中Span研究

最近开始学习Android,前天在Github上找到了一个Android下记事本的源代码,看着挺简单就想学习一下,可是还是被一些基础的问题难倒。做了一整天的研究才有些理解。 这个文本编辑器要实现对文...
  • xhkhao
  • xhkhao
  • 2015年12月18日 22:37
  • 1563

Android中的各类Span全面系统研究

Android中的各类Span全面系统研究 转自:http://chuansongme.com/n/20867 注意:效果图请点击原文查看       在android...

基于storm和hadoop的广告系统研究【2】

文中所有实现方案全部基于storm、hadoop以及nosql等开源技术 计算广告学概念:点击此处 计算广告的运作系统主要包括广告算法、广告、语境、受众(用户)四个方面,针对这四个方面当下的广告形...

基于storm和hadoop的广告系统研究【4】

接上文:上文 (3)系统编码实现
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中的各类Span全面系统研究
举报原因:
原因补充:

(最多只允许输入30个字)