Android 关于用户协议界面的编写

今天，简单讲讲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());

 

 

里面还有一个知识点，就是点击后，文本背景会变色，如何去掉？

 

 

在xml文件里，textView加上这个属性： android:textColorHighlight="#00ffffff"

 

Android 关于用户协议界面的编写就讲完了。

 

就这么简单。