当前位置: 首页 > article >正文

Android 滑块开关 自定义Switch

 自定义Switch开关:

    <Switch
        android:id="@+id/switch_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:thumb="@drawable/ccb_switch_thumb"
        android:track="@drawable/ccb_switch_track"
        />
<!-- ccb_switch_thumb -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true">
        <selector>
            <item android:state_checked="true">
                <layer-list>
                    <item android:gravity="center_vertical" android:width="20dp" android:height="20dp"  android:drawable="@drawable/switch_on_normal_ov_on"/>
                </layer-list>
            </item>
            <item android:state_checked="false">
                <layer-list>
                    <item android:gravity="center_vertical" android:width="20dp" android:height="20dp" android:drawable="@drawable/switch_on_normal_ov_off" />
                </layer-list>
            </item>
        </selector>
    </item>
</selector>
<!-- ccb_switch_track -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/switch_on_normal_bg_on" android:state_checked="true" />
    <item android:drawable="@drawable/switch_on_normal_bg_off" android:state_checked="false" />
</selector>
<!--    switch_on_normal_ov_on-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="22dp"
        android:height="22dp" />
    <stroke android:width="5dp" android:color="#00000000"/>
    <solid android:color="#ffffff"/>
</shape>

<!--    switch_on_normal_ov_off-->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="22dp"
        android:height="22dp" />
    <stroke android:width="5dp" android:color="#00000000"/>
    <solid android:color="#cc8C93A2"/>
</shape>

<!--    switch_on_normal_bg_on -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#2166ff" />
    <corners android:radius="22dp"/>
    <size
        android:width="45dp"
        android:height="22dp" />
</shape>

<!--    switch_on_normal_bg_off -->
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#50787880" />
    <corners android:radius="22dp"/>
    <size
        android:width="45dp"
        android:height="22dp" />
</shape>
        cSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Log.i(TAG, "onCheckedChanged 改变状态为: "+isChecked);

            }
        });
        btnSwitch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                cSwitch.setChecked(!isChecked);
            }
        });

笔记、仅供参考


http://www.kler.cn/a/581048.html

相关文章:

  • 解决Element UI的el-date-picker组件默认值为当天日期但选择后不回显的问题
  • 每天一道算法题【蓝桥杯】【在排序数组中查找元素的第一个位置和最后一个位置】
  • 【MySQL篇】MySQL基本查询详解
  • 【推荐项目】Java的廊坊城市公交查询网站
  • 光谱相机检测肉类新鲜度的原理
  • 查看端口被占用命令
  • VMware安装Windows server 2016
  • # 如何确认elementary os (linux)使用的是Wayland而不是x11?
  • 【C语言】结构体篇
  • 联核科技AGV无人叉车能给企业带来哪些效益?
  • 【面试】JVM
  • 计算机考研C语言
  • C++设计模式-工厂模式:从原理、适用场景、使用方法,常见问题和解决方案深度解析
  • 工作记录 2017-01-04
  • 【CXX】6 内置绑定
  • Redis--Set类型
  • JVM、MySQL常见面试题(尽力局)
  • vue3中的深度选择器
  • Python----数据可视化(Seaborn合集:介绍,应用,绘图,使用FacetGrid绘图)
  • 每天一道算法题【蓝桥杯】【最长递增子序列】