首先准备两张图片:
然后,布局文件设置:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ToggleButton
android:layout_width="100dp"
android:layout_height="50dp"
android:layout_gravity="center_horizontal"
android:button="@drawable/toggle_btn"
android:background="@android:color/transparent"
android:checked="false"
android:textOff=""
android:textOn=""
/>
</RelativeLayout>
然后,drawable中配置选择器:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@mipmap/chebtn1"></item>
<item android:state_checked="false" android:drawable="@mipmap/chebtn2"></item>
</selector>
最后,点击事件:
toggleButton = (ToggleButton)findViewById(R.id.toggleButton);
toggleButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
if (b){
//监听事件
}else{
}
}
});
方法二(GitHub上的依赖包)
导入
compile 'com.zcw:togglebutton-library:1.0.0'
调用
布局文件
xmlns:toggle="http://schemas.android.com/apk/res-auto"
<com.zcw.togglebutton.ToggleButton
//按钮长度
android:layout_width="70dp"
//状态“开”的颜色
toggle:tbOnColor="#8ae216"
//状态“关”的颜色
toggle:tbOffColor="#ddd"
toggle:tbSpotColor="#fff"
//边框颜色
toggle:tbOffBorderColor="#ddd"
//边框线
toggle:tbBorderWidth="1dp"
android:layout_height="30dp" >
</com.zcw.togglebutton.ToggleButton>
Java代码:
ToggleButton toggleBtn;
//切换开关
toggleBtn.toggle();
//切换无动画
toggleBtn.toggle(false);
//开关切换事件
toggleBtn.setOnToggleChanged(new OnToggleChanged(){
@Override
public void onToggle(boolean on) {
}
});
toggleBtn.setToggleOn();
toggleBtn.setToggleOff();
//无动画切换
toggleBtn.setToggleOn(false);
toggleBtn.setToggleOff(false);
//禁用动画
toggleBtn.setAnimate(false);
这样,一个简单的开关按钮就实现了。