巴南城乡建设网站,嵌入式工程师要学什么,物流网站制作,高端网站鉴赏原生的SwitchCompat控件如下图#xff0c;不说不堪入目#xff0c;也算是不敢恭维了。开个玩笑... 所以我们就需要对SwitchCompat进行自定义风格#xff0c;效果如下图 代码如下 androidx.appcompat.widget.SwitchCompatandroid:idid/switch_compatandroid:…原生的SwitchCompat控件如下图不说不堪入目也算是不敢恭维了。开个玩笑... 所以我们就需要对SwitchCompat进行自定义风格效果如下图 代码如下 androidx.appcompat.widget.SwitchCompatandroid:idid/switch_compatandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:thumbdrawable/switch_thumbapp:switchMinWidth60dpapp:trackdrawable/switch_track_style /
从上面的xml代码来看其实只需要定制两个东西一个是thumb另一个是track
switch_thumb
?xml version1.0 encodingutf-8?
shape xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:shapeovalsolid android:colorcolor/white /sizeandroid:width50dpandroid:height50dp /!-- 这里的5dp边距的作用是圆点在轨道里面的边距这样的效果感觉更好 --strokeandroid:width5dpandroid:color#00000000 /corners android:radius15dp /
/shape
switch_track_style
?xml version1.0 encodingutf-8?
selector xmlns:androidhttp://schemas.android.com/apk/res/androiditem android:drawabledrawable/switch_common_track_selected android:state_checkedtrue /item android:drawabledrawable/switch_common_track_unselected android:state_checkedfalse /
/selector
switch_track_style里面有两个背景如下
switch_common_track_selected
?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/androiditem shape android:shaperectanglesolid android:color#23c3ff /size android:height30dp /strokeandroid:color#00000000 /corners android:radius30dp //shape/item
/layer-list
switch_common_track_unselected
?xml version1.0 encodingutf-8?
layer-list xmlns:androidhttp://schemas.android.com/apk/res/androiditemshape android:shaperectanglesolid android:color#4D8E8E8E /size android:height30dp /strokeandroid:color#00000000 /corners android:radius30dp //shape/item
/layer-list
完活了
