实战总结(二)—— CheckBox复选框和SpannableString

简介: 实战总结(二)—— CheckBox复选框和SpannableString

CheckBox复选框和SpannableString


项目评估说登录时默认选择已阅读相关协议,应有复选框,于是做出以下改动:默认不勾选checkBox,在不勾选checkBox情况下无法登,会弹出Toast。

2d1b5dca0772b97e1d591dfa135f661.png


登录复选框

布局代码:

<CheckBox
                android:id="@+id/checkBox"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
                android:layout_marginBottom="35dp"
                android:onClick="@{(v)->presenter.onClick(v)}"
                android:scaleX="0.7"
                android:scaleY="0.7"
                android:textSize="15sp"
                tools:text="我已阅读并同意《用户协议》及《隐私政策》" />
 layout_alignParentBottom:是否位于父容器底部
layout_centerHorizontal:是否水平居中
layout_marginBottom="35dp":距离父容器的底部边距
scaleX="0.7":缩放,实际应用时要考虑控件的实际大小是否适合界面美观
 //选框状态监听-赋值
        mBinding.checkBox.setOnCheckedChangeListener((buttonView, isChecked) -> isSelect = isChecked);
        //底部文字的点击事件
        SpannableString spannableString = new SpannableString("我已阅读并同意《用户协议》及《隐私政策》");
        mBinding.checkBox.setMovementMethod(LinkMovementMethod.getInstance());//设置支持超链接,否则点击事件无效
        //用户协议
        spannableString.setSpan(new ClickableSpan() {
            @Override
            public void onClick(@NonNull View widget) {
                AppInitData.goH5WebView(getActivity, true, AppConstant.url_RegisterAG);
            }
            @Override
            public void updateDrawState(@NonNull TextPaint ds) {
                ds.setColor(ColorUtils.getColor(R.color.colorPrimary));//设置可以点击文本部分的颜色
                ds.setUnderlineText(false);//设置该文本部分是否显示超链接形式的下划线
            }
        }, 7, 13, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
        //隐私协议
        spannableString.setSpan(new ClickableSpan() {
            @Override
            public void onClick(@NonNull View widget) {
                AppInitData.goH5WebView(getActivity, true, AppConstant.url_PrivacyPolicy);
            }
            @Override
            public void updateDrawState(@NonNull TextPaint ds) {
                ds.setColor(ColorUtils.getColor(R.color.colorPrimary));//设置可以点击文本部分的颜色
                ds.setUnderlineText(false);//设置该文本部分是否显示超链接形式的下划线
            }
        }, 14, 20, Spanned.SPAN_EXCLUSIVE_INCLUSIVE);
        mBinding.checkBox.setText(spannableString);
checkBox.setOnCheckedChangeListener:监听checkBox选择状态
SpannableString

重点要理解的是setSpan方法:


第一个参数对应的是一个相应的Span对象,比如颜色的Span对象,图片的Span对象都是不同的。

第二个参数是开始设置的字符串的游标值

第三个参数是设置末尾的字符串的游标值

第四个参数是代表一个标识,一般使用固定的就可以了。


在此项目第一个参数用到了ClickableSpan进行协议跳转。


第一个参数使用方法:


   1、BackgroundColorSpan 背景色

   2、ClickableSpan 文本可点击,有点击事件

   3、ForegroundColorSpan 文本颜色(前景色)

   4、MaskFilterSpan 修饰效果,如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)

   5、MetricAffectingSpan 父类,一般不用

   6、RasterizerSpan 光栅效果

   7、StrikethroughSpan 删除线(中划线)

   8、SuggestionSpan 相当于占位符

   9、UnderlineSpan 下划线

   10、AbsoluteSizeSpan 绝对大小(文本字体)

   11、DynamicDrawableSpan 设置图片,基于文本基线或底部对齐。

   12、ImageSpan 图片

   13、RelativeSizeSpan 相对大小(文本字体)

   14、ReplacementSpan 父类,一般不用

   15、ScaleXSpan 基于x轴缩放

   16、StyleSpan 字体样式:粗体、斜体等

   17、SubscriptSpan 下标(数学公式会用到)

   18、SuperscriptSpan 上标(数学公式会用到)

   19、TextAppearanceSpan 文本外貌(包括字体、大小、样式和颜色)

   20、TypefaceSpan 文本字体   URLSpan 文本超链接


相关文章
|
6月前
|
容器
Qt6学习笔记七(ToolButton、RadioButton、GroupBox、CheckBox、ListWidget、TreeWidget、TableWidget)
Qt6学习笔记七(ToolButton、RadioButton、GroupBox、CheckBox、ListWidget、TreeWidget、TableWidget)
193 0
|
5月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
270 0
|
12月前
复选框checkbox实现自定义样式
复选框checkbox实现自定义样式
64 1
|
Android开发
Android 中CheckBox复选框按钮的基本用法
Android 中CheckBox复选框按钮的基本用法
147 0
Android 中CheckBox复选框按钮的基本用法
|
XML Android开发 数据格式
Android CheckBox 复选框(自定义复选框)
Android CheckBox 复选框(自定义复选框)
448 0
|
Android开发
Android 复选框CheckBox 设置只能选中其中一个
Android 复选框CheckBox 设置只能选中其中一个
248 0
|
JavaScript
element checkbox复选框实现全选功能
element checkbox复选框实现全选功能
零基础VB教程039期:如何使用单选按钮optionbutton以及多选框checkbox
零基础VB教程039期:如何使用单选按钮optionbutton以及多选框checkbox
416 0
手把手教你实现GridView中Checkbox全选
手把手教你实现GridView中Checkbox全选
手把手教你实现GridView中Checkbox全选
|
前端开发
Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
  Bootstrap框架中checkbox和radio有点特殊,Bootstrap针对他们做了一些特殊化处理,主要是checkbox和radio与label标签配合使用会出现一些小问题(最头痛的是对齐问题)。
1271 0