原文链接:https://blog.csdn.net/bzlj2912009596/article/details/87919640
今天,简单讲讲AndroID如何写用户协议的功能。
通常注册,登陆按钮下方都有一个“已阅读《用户协议》和《隐私政策》”,这里面文字部分变色,还有点击事件,怎么实现了?网上的资料基本是使用SpannableStringBuilder或者SpannableString。但是基本没有说明白,我自己做出来了,这里记录一下。
基本知识:
介绍
SpannableStringBuilder有个亲兄弟——SpannableString。是不是觉得有点熟悉?似乎看到了StringBuilder、String的影子...
是的,SpannableStringBuilder和SpannableString的区别类似与StringBuilder、String,就是SpannableStringBuilder可以拼接,而SpannableString不可拼接。
图片来自http://blog.csdn.net/fengkuanghun/article/details/7904284
由图中可以看出,他们都实现了CharSequence,因此,他们可以直接在TextVIEw的setText中使用
主要的方法
SpannableStringBuilder和SpannableString主要通过使用setSpan(Object what, int start, int end, int flags)改变文本样式。
对应的参数:
start: 指定Span的开始位置
end: 指定Span的结束位置,并不包括这个位置。
flags:取值有如下四个
Spannable. SPAN_INCLUSIVE_EXCLUSIVE:前面包括,后面不包括,即在文本前插入新的文本会应用该样式,而在文本后插入新文本不会应用该样式
Spannable. SPAN_INCLUSIVE_INCLUSIVE:前面包括,后面包括,即在文本前插入新的文本会应用该样式,而在文本后插入新文本也会应用该样式
Spannable. SPAN_EXCLUSIVE_EXCLUSIVE:前面不包括,后面不包括
Spannable. SPAN_EXCLUSIVE_INCLUSIVE:前面不包括,后面包括
what: 对应的各种Span,不同的Span对应不同的样式。已知的可用类有:
BackgroundcolorSpan : 文本背景色
ForegroundcolorSpan : 文本颜色
MaskFilterSpan : 修饰效果,如模糊(BlurMaskFilter)浮雕
RasterizerSpan : 光栅效果
StrikethroughSpan : 删除线
SuggestionSpan : 相当于占位符
Underlinespan : 下划线
absoluteSizeSpan : 文本字体(绝对大小)
DynamicDrawableSpan : 设置图片,基于文本基线或底部对齐。
ImageSpan : 图片
relativeSizeSpan : 相对大小(文本字体)
ScaleXSpan : 基于x轴缩放
StyleSpan : 字体样式:粗体、斜体等
SubscriptSpan : 下标(数学公式会用到)
SuperscriptSpan : 上标(数学公式会用到)
TextAppearanceSpan : 文本外貌(包括字体、大小、样式和颜色)
TypefaceSpan : 文本字体
URLSpan : 文本超链接
ClickableSpan : 点击事件
SpannableString
修改字体颜色
/**
* 使用SpannableString设置样式——字体颜色
*/
private voID mode1() {
SpannableString spannableString = new SpannableString("暗影IV已经开始暴走了");
ForegroundcolorSpan colorSpan = new ForegroundcolorSpan(color.parsecolor("#009ad6"));
spannableString.setSpan(colorSpan, 0, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
((TextVIEw)findVIEwByID(R.ID.mode1)).setText(spannableString);
}
创建SpannableString的时候,传入需要显示的字符串。使用ForegroundcolorSpan为文字设置颜色。
效果:
字体颜色
点击事件
插入图片就已经很变态了,居然还支持点击事件。
/**
* 使用SpannableStringBuilder设置点击事件
*/
private voID mode9() {
SpannableStringBuilder spannableString = new SpannableStringBuilder();
spannableString.append("暗影IV已经开始暴走了");
ClickableSpan clickableSpan = new ClickableSpan() {
@OverrIDe
public voID onClick(VIEw vIEw) {
Toast.makeText(MainActivity.this, "请不要点我", Toast.LENGTH_SHORT).show();
}
};
spannableString.setSpan(clickableSpan, 5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
TextVIEw textVIEw = (TextVIEw)findVIEwByID(R.ID.mode9);
textVIEw.setText(spannableString);
textVIEw.setMovementMethod(linkMovementMethod.getInstance());
}
使用ClickableSpan设置点击事件,最后还需要加上textVIEw.setMovementMethod(linkMovementMethod.getInstance());。代码中指定index为5、6、7的字符都成了可点击的文本,其他区域还是不可点击的。
效果:
点击事件
参考文章:https://www.jianshu.com/p/f004300c6920
具体实现
tvAlreadyRead = findVIEwByID(R.ID.tvAlreadyRead);
SpannableString spannableString = new SpannableString("已阅读《用户协议》和《隐私政策》");
ClickableSpan clickableSpan = new ClickableSpan() {
@OverrIDe
public voID onClick(VIEw vIEw) {
}
@OverrIDe
public voID updateDrawState(TextPaint ds) {
ds.setcolor(ContextCompat.getcolor(RetrIEvePassword2Activity.this, R.color.colorPrimary));//设置颜色
ds.setUnderlineText(false);//去掉下划线
}
};
spannableString.setSpan(clickableSpan, 3, 9, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
ClickableSpan clickableSpan2 = new ClickableSpan() {
@OverrIDe
public voID onClick(VIEw vIEw) {
}
@OverrIDe
public voID updateDrawState(TextPaint ds) {
ds.setcolor(ContextCompat.getcolor(RetrIEvePassword2Activity.this, R.color.colorPrimary));//设置颜色
ds.setUnderlineText(false);//去掉下划线
}
};
spannableString.setSpan(clickableSpan2, 10, 16, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
ForegroundcolorSpan colorSpan = new ForegroundcolorSpan(ContextCompat.getcolor(this, R.color.colorPrimary));
spannableString.setSpan(colorSpan, 3, 9, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
ForegroundcolorSpan colorSpan2 = new ForegroundcolorSpan(ContextCompat.getcolor(this, R.color.colorPrimary));
spannableString.setSpan(colorSpan2, 10, 16, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
tvAlreadyRead.setText(spannableString);
tvAlreadyRead.setMovementMethod(linkMovementMethod.getInstance());
里面还有一个知识点,就是点击后,文本背景会变色,如何去掉?
<TextVIEw
androID:ID="@+ID/tvAlreadyRead"
androID:layout_wIDth="wrap_content"
androID:layout_height="wrap_content"
androID:layout_marginleft="10dp"
androID:text="已阅读《用户协议》和《隐私政策》"
androID:textcolor="@color/textnormal"
androID:textcolorHighlight="#00ffffff"
androID:textSize="12sp" />
在xml文件里,textVIEw加上这个属性: androID:textcolorHighlight="#00ffffff"
就这么简单。
点赞收藏分享文章举报@L_403_6@发布了17 篇原创文章 · 获赞 11 · 访问量 1万+私信 关注 总结以上是内存溢出为你收集整理的Android 关于用户协议界面的编写全部内容,希望文章能够帮你解决Android 关于用户协议界面的编写所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)