Android富文本存储格式,Android富文本的学习一

1TextView的富文本介绍：

什么是富文本，大家都知道TextView可以显示文字，设置文字样式，利用富文本可以给TextView添加更多的样式，更加的类似h5网页，例如在一个TextView通常显示的文本样式是统一的，如果想对显示的同一段文本不同部分的文字设置不同的样式，颜色，大小等就需要用到富文本，富文本还可以利用TextView显示图片，设置点击事件等。

TextView想要实现富文本可以利用SpannableString(SpannableStringBuilder )和Html工具类，其实Html的工具类方式内部也是利用了SpannableString实现。

TextView可以利用setText设置文本，SpannableString实现了CharSequence，所以可以直接设置给TextView实现富文本。

常用span：

BackgroundColorSpan(背景色)、ForegroundColorSpan(设置字体颜色)、AbsoluteSizeSpan(设置字体大小)、UnderlineSpan(下划线)，URLSpan(设置链接)、ClickableSpan(点击事件)、StyleSpan(样式，可以设置粗体，斜体等)、ImageSpan(图片Span)、RelativeSizeSpan(相对字体大小，就是设置字体大小的倍数)、ScaleXSpan(横向压缩字体)、SubscriptSpan(设置下标)、SuperscriptSpan(设置上标)、TextAppearanceSpan(也是设置文字样式)、TypefaceSpan(设置字体)、RasterizerSpan(设置光栅字样)、StrikethroughSpan(删除线)。

** 注意：

TextView必须设置 setMovementMethod(LinkMovementMethod.getInstance());

在使用ClickableSpan和继承ClickableSpan的时候,单击链接时凡是有要运行的动作,都必须设置MovementMethod对象。**

2 使用Span的方式

利用SpannableString(SpannableStringBuilder )包装文本

利用setSpan设置特定的span样式

setSpan方法说明

void setSpan (Object what, int start, int end, int flags)

参数说明：

what:生成的Span对象(特定span)

start:开始位置，从0开始计数

end:结束位置，应用span样式的文本长度为end-start

flags：对于新插入字符的处理

Flags 取值:

Spanned.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括，意义是如果在设置了span的文本前后插入新的SpannableString文本都不会应用span样式。

Spanned.SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，后面包括，在设置的span前插入新的SpannableString不会应用span样式，在设置的span后插入则会应用相应span

Spanned.SPAN_INCLUSIVE_EXCLUSIVE：前面包括，后面不包括，在设置的span前插入新的SpannableString会应用span样式，在设置的span后插入则不会应用相应span

Spanned.SPAN_INCLUSIVE_INCLUSIVE：前后都包括，在设置的span前后插入新的SpannableString文本都会应用相应span

举例：

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context=".SpanTestActivity">

android:id="@+id/textview1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview3"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview4"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview5"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview6"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

android:id="@+id/textview7"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textSize="17sp"

android:layout_marginTop="10dp"

android:text="用户名 回复 测试span：" />

public class SpanTestActivity extends AppCompatActivity {

private TextView mTextView1;

private TextView mTextView2;

private TextView mTextView3;

private TextView mTextView4;

private TextView mTextView5;

private TextView mTextView6;

private TextView mTextView7;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_span_test);

mTextView1 = findViewById(R.id.textview1);

mTextView2 = findViewById(R.id.textview2);

mTextView3 = findViewById(R.id.textview3);

mTextView4 = findViewById(R.id.textview4);

mTextView5 = findViewById(R.id.textview5);

mTextView6 = findViewById(R.id.textview6);

mTextView7 = findViewById(R.id.textview7);

SpannableStringBuilder spannableStringBuilder1 = new SpannableStringBuilder("测试富文本样式设");

ForegroundColorSpan fspan1 = new ForegroundColorSpan(Color.RED);

//从4-8，应用span的文本长度为8-4=4,所以就是从0开始第四个字符“本”开始，然后长度为4到"设“结束

//应用了SPAN_INCLUSIVE_INCLUSIVE模式，所以后面添加的文本都会应用fspan的样式

spannableStringBuilder1.setSpan(fspan1,4,8, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

SpannableString textSpanned1 = new SpannableString("置字体颜色设置");

spannableStringBuilder1.append(textSpanned1);

mTextView1.setText(spannableStringBuilder1);

SpannableStringBuilder spannableStringBuilder2 = new SpannableStringBuilder("测试富文本样式设");

ForegroundColorSpan fspan2 = new ForegroundColorSpan(Color.RED);

//从4-8，应用span的文本长度为8-4=4,所以就是从0开始第四个字符“本”开始，然后长度为4到"设“结束

//应用了SPAN_INCLUSIVE_EXCLUSIVE模式，所以后面添加的文本不会应用fspan的样式

spannableStringBuilder2.setSpan(fspan2,4,8, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

SpannableString textSpanned2 = new SpannableString("置字体颜色设置");

spannableStringBuilder2.append(textSpanned2);

mTextView2.setText(spannableStringBuilder2);

SpannableStringBuilder spannableStringBuilder3 = new SpannableStringBuilder("测试富文本样式设");

ForegroundColorSpan fspan3 = new ForegroundColorSpan(Color.RED);

spannableStringBuilder3.setSpan(fspan3,4,8, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

SpannableString textSpanned3 = new SpannableString("置字体颜色设置");

spannableStringBuilder3.append(textSpanned3);

spannableStringBuilder3.append("添加设置");

mTextView3.setText(spannableStringBuilder3);

SpannableStringBuilder spannableStringBuilder4 = new SpannableStringBuilder("测试富文本样式设");

ForegroundColorSpan fspan4 = new ForegroundColorSpan(Color.RED);

spannableStringBuilder4.setSpan(fspan4,4,8, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

SpannableString textSpanned4 = new SpannableString("置字体颜色设置");

textSpanned4.setSpan(new ForegroundColorSpan(Color.BLUE),0,7,Spanned.SPAN_INCLUSIVE_EXCLUSIVE);

spannableStringBuilder4.append(textSpanned4);

spannableStringBuilder4.append("添加设置");

mTextView4.setText(spannableStringBuilder4);

SpannableStringBuilder spannableStringBuilder5 = new SpannableStringBuilder("测试富文本样式设");

ForegroundColorSpan fspan5 = new ForegroundColorSpan(Color.RED);

spannableStringBuilder5.setSpan(fspan5,4,8, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

SpannableString textSpanned5 = new SpannableString("置字体颜色设置");

textSpanned5.setSpan(new ForegroundColorSpan(Color.BLUE),0,7,Spanned.SPAN_INCLUSIVE_INCLUSIVE);

spannableStringBuilder5.append(textSpanned5);

spannableStringBuilder5.append("添加设置");

mTextView5.setText(spannableStringBuilder5);

SpannableString spannableString16 = new SpannableString("测试富文本样式设");

ForegroundColorSpan fspan6 = new ForegroundColorSpan(Color.RED);

spannableString16.setSpan(fspan6,4,8, Spanned.SPAN_INCLUSIVE_INCLUSIVE);

SpannableString spannableString26 = new SpannableString("置字体颜色设置");

spannableString26.setSpan(new ForegroundColorSpan(Color.BLUE),0,5,Spanned.SPAN_INCLUSIVE_INCLUSIVE);

mTextView6.setText(new SpannableStringBuilder().append(spannableString16).append(spannableString26).append("添加设置"));

}

}

image

所以可以得出如下结论：

flags会影响添加的SpannableString文本的样式，四种flag分别表示是否影响前后添加的文本。

受影响的文本长度为从start开始，长度为end-start,

如果设置了影响添加的文本，但是新设置的文本内部应用了新的span样式，会首先应用内部文本添加的span，后续再添加文本也会受上次新添加Span的影响，如果新添加的文本不受上次添加span的影响，则会受更上层span的影响。

4 常用的Span举例：

上面已经展示了ForegroundColorSpan(设置字体颜色)，下面介绍一些常用的span；

SpannableString span1 = new SpannableString("测试富文本样式设置");

SpannableString span2 = new SpannableString("测试富文本样式设置");

SpannableString span3 = new SpannableString("测试富文本样式设置");

SpannableString span4 = new SpannableString("测试富文本样式设置");

SpannableString span5 = new SpannableString("测试富文本样式设置");

SpannableString span6 = new SpannableString("测试富文本样式设置");

SpannableString span7 = new SpannableString("测试富文本样式设置");

BackgroundColorSpan bgSpan = new BackgroundColorSpan(Color.BLUE);

AbsoluteSizeSpan sizeSpan = new AbsoluteSizeSpan(22);

UnderlineSpan underline = new UnderlineSpan();

StrikethroughSpan deleteLine = new StrikethroughSpan();

SubscriptSpan subspan = new SubscriptSpan();

span1.setSpan(bgSpan,0,5,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView1.setText(span1);

span2.setSpan(sizeSpan,0,4,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView2.setText(span2);

span3.setSpan(underline,0,4,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView3.setText(span3);

span4.setSpan(deleteLine,0,4,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView4.setText(span4);

span5.setSpan(subspan,0,4,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView5.setText(span5);

//必须设置LinkMovementMethod

mTextView6.setMovementMethod(LinkMovementMethod.getInstance());

ClickableSpan clickableSpan = new ClickableSpan() {

@Override

public void onClick(View widget) {

Toast.makeText(SpanTestActivity.this,"click",Toast.LENGTH_SHORT).show();

}

};

span6.setSpan(clickableSpan,0,5,Spanned.SPAN_INCLUSIVE_INCLUSIVE);

mTextView6.setText(span6);

//设置LinkMovementMethod ,利用默认浏览器打开

mTextView7.setMovementMethod(LinkMovementMethod.getInstance());

URLSpan urlSpan = new URLSpan("http://www.baidu.com");

span7.setSpan(urlSpan,0,9,Spanned.SPAN_EXCLUSIVE_INCLUSIVE);

mTextView7.setText(span7);

image

5 Html工具类方式设置富文本

书写类似html格式代码，然后利用Html工具类也可以实现富文本，内部利用SpannableString。

支持的样式：

image

String htmlText1 = "大号字体";

mTextView1.setText(Html.fromHtml(htmlText1));

String htmlText2 = "大号字体";

mTextView2.setText(Html.fromHtml(htmlText2));

String htmlText3 = "大号
字体";

mTextView3.setText(Html.fromHtml(htmlText3));

String htmlText4 = "大号

字体";

mTextView4.setText(Html.fromHtml(htmlText4));

String htmlText5 = "";

mTextView5.setText(Html.fromHtml(htmlText5, new Html.ImageGetter() {

@Override

public Drawable getDrawable(String source) {

Drawable draw = null;

try {

Field field = R.mipmap.class.getField(source);

int resourceId = Integer.parseInt(field.get(null).toString());

draw = getResources().getDrawable(resourceId);

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

} catch (Exception e) {

e.printStackTrace();

}

return draw;

}

}, null));

}

image