新乡市网站建设有哪些公司,南京网站建设与维护,南京高端网站定制,模板网站最近做项目涉及到一些UI相关的东东#xff0c;虽然比较简单#xff0c;但是也很有趣#xff0c;写两篇简短的博客记录一下。
一.Selector 两张图片实现 AppCompatCheckBox
AppCompatCheckBox 是 androidx的一个widget#xff1a;androidx.appcompat.widget.…最近做项目涉及到一些UI相关的东东虽然比较简单但是也很有趣写两篇简短的博客记录一下。
一.Selector 两张图片实现 AppCompatCheckBox
AppCompatCheckBox 是 androidx的一个widgetandroidx.appcompat.widget.AppCompatCheckBox
1.通常用 selector 两张图片就能实现AppCompatCheckBox的效果 AppCompatCheckBox 的 android:buttondrawable/selector_name.xml引用selectorselector 的 android:state_checkedtrue/false 分别引用CheckBox打开/关闭的两张背景图片 这个过程比较简单大概列举下 两张原图 img_switch_bg_point_off.png / img_switch_bg_point_on.png AppCompatCheckBox androidx.appcompat.widget.AppCompatCheckBoxandroid:idid/check_boxandroid:layout_width64dpandroid:layout_height40dpandroid:buttondrawable/switch_checkbox_selector / switch_checkbox_selector.xml ?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:state_checkedtrue android:drawablemipmap/img_switch_bg_point_on /item android:state_checkedfalse android:drawablemipmap/img_switch_bg_point_off /
/selector 效果如下 2.Selector Layer-lists 实现多图重合叠加的CheckBox
UI提了个需求要求CheckBox在打开和关闭状态下分别使用两张图重合叠加实现开关效果
也就是说打开CheckBox是两张图重合叠加关闭是另外两张图重合叠加
这个好办Layer-lists出马 四张原图 (1).CheckBox打开时原图 背景图 按钮图 (2).CheckBox关闭时原图 背景图 按钮图 AppCompatCheckBox 跟上一节是一样的 androidx.appcompat.widget.AppCompatCheckBoxandroid:idid/check_boxandroid:layout_width64dpandroid:layout_height40dpandroid:buttondrawable/switch_checkbox_selector / switch_checkbox_selector.xml 这里就不是直接加载图片了而是加载两个layer-list.xml ?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:state_checkedtrue android:drawabledrawable/switch_checkbox_selector_on_layerlists /item android:state_checkedfalse android:drawabledrawable/switch_checkbox_selector_off_layerlists /
/selector switch_checkbox_selector_on_layerlists.xml 加载打开状态下的背景图和按钮图 ?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/android item android:drawablemipmap/img_switch_on_bg / item android:drawablemipmap/img_switch_on_icon /
/layer-list switch_checkbox_selector_off_layerlists.xml 加载关闭状态下的背景图和按钮图 ?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/android item android:drawablemipmap/img_switch_off_bg / item android:drawablemipmap/img_switch_off_icon /
/layer-list 效果如下
