Android的ToggleButton实现开关按钮

时间:2021-12-01 17:43:21

首先准备两张图片:
Android的ToggleButton实现开关按钮Android的ToggleButton实现开关按钮
然后,布局文件设置:

<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);

这样,一个简单的开关按钮就实现了。