这种样式的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);
}
});