android Switch控件

这种样式的UI如何实现呢，android提供了Switch控件，我们来认识一下吧。

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:showText="true"
        android:switchMinWidth="20dp"
        android:textOff="Off"
        android:textOn="On"
        android:thumb="@drawable/thumb"
        android:track="@drawable/track"
        />

android:showText：是否显示文字（只有在为true时，下面两个属性才能生效）
android:textOn：控件打开时显示的文字
android:textOff：控件关闭时显示的文字

android:thumb：控件开关的图片，即控件上面点击滑动部分显示的图片
android:track：控件开关的轨迹图片，即控件背景颜色的背景设置
android:checked：设置初始选中状态

thumb和track都可以用drawable中selector文件设置。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    //表示选中时的显示的样式
    <item android:drawable="@drawable/green_track" android:state_checked="true" />
    <item android:drawable="@drawable/gray_track" />
</selector>

drawable也可以用图片

green_track。gray_track等文件如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <size android:height="20dp" />
    <corners android:radius="25dp" />
    <stroke
        android:width="1dp"
        android:color="#11aaff" />
    <solid android:color="#9e9e9e" />
</shape>

可以根据UI给的样式自己画出来简单的格式，复杂的就可以直接用图片代替了。

监听事件：

Switch switch_test = findViewById(R.id.switch_test);

switch_test.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
                Log.e("yxy", "switch-select=" + b);
            }
        });

猜你喜欢