关于Android Switch开关设置样式

先看一下效果图:


QQ图片20200105150908.jpg

具体在xml文件的Switch开关

        <Switch
            android:id="@+id/switch1"
            android:switchMinWidth="86dp"
            android:track="@drawable/selector_track_check"
            android:thumb="@drawable/selector_thumb_check"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"/>

具体在drawable文件的selector_track_check,注意在这里不需要设置width

  <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true">
            <shape>
                <solid android:color="#509AFF"/>
                <size android:height="34dp"/>
                <corners android:radius="32dp"/>
            </shape>
        </item>
        <item>
            <shape>
                <solid android:color="#DFDFDF"/>
                <size android:height="34dp"/>
                <corners android:radius="32dp"/>
            </shape>
        </item>
    </selector>

具体在drawable文件的selector_thumb_check, 这边注意圆球的高度应该跟上个track文件高度一致

   <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true">
            <shape android:shape="oval">
                <size android:width="34dp" android:height="34dp"/>
                <solid android:color="@color/whiteBg" />
                <stroke android:width="2dp" android:color="#509AFF" />
            </shape>
        </item>
        <item >
            <shape android:shape="oval">
                <size android:width="34dp" android:height="34dp"/>
                <solid android:color="@color/whiteBg" />
                <stroke android:width="2dp" android:color="#DFDFDF" />
            </shape>
        </item>
    </selector>

各位兄弟,粘贴复制后记得点歌赞哦

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对于中学生来说,给长辈做顿饭,一是可以获得新技能,二则是让他们通过体验做饭,理解长辈,不再挑三拣四,懂得孝顺长辈—...
    Joanne_fa80阅读 3,496评论 0 4
  • 有点梦幻风格的水母,画到一半群青色的颜料用完了,所以海底层次没有表现出太多。简单分享一下。 线稿轻轻的画一下就可以...
    星小鬼阅读 3,379评论 8 11
  • 时针指向18:30,工作遗留了十分之一未做完,整体还算满意。 预定持续30天的完美生活好像做不完了。 看向那一项一...
    小夕MM阅读 3,085评论 0 0
  • 欢迎使用 MarkDown.UWP 编辑器! HI! 这是你在MarkDown.UWP 编辑器编辑的第一个文档. ...
    伊本马大哈阅读 1,729评论 0 0
  • 感恩日志✨6/12 今天冬至,和春媚一起去吃饺子,跳舞,感恩,感觉身体越来越灵活了,很棒,继续加油 今天坚持写论文...
    剑胆琴心007阅读 897评论 0 1