效果图大概类似于这样,这是打开的状态:
关闭的状态:
嗯,就这样,简单,但是很实用。
Switch开关状态的获取:
drawableSwitch = (DrawableSwitch) findViewById(R.id.drawableSwitch);
drawableSwitch.setListener(new DrawableSwitch.MySwitchStateChangeListener()
{
@Override
public void mySwitchStateChanged(boolean isSwitchOn)
{
Log.d("TAG","mySwitchStateChanged:isSwitchOn="+ isSwitchOn);
}
});
这里的MySwitchStateChangeListener是switch控件内部定义的监听器,用于监听switch的状态是打开还是关闭。
下面来说说绘制思路:
从外形来看,一个switch控件是由三部分组成的:(1)左边的一个圆;(2)中间一个矩形;(3)右边一个圆形。其中在打开状态时左边的圆和中间的矩形颜色相同,矩形被右边的圆给覆盖掉了一部分;在关闭状态时中间的矩形左边被左边的圆覆盖掉了一部分;文字则绘制在矩形中。
所以,绘制流程是这样的:
(1)定义一个变量来标识switch的状态是开还是关:
private boolean isSwitchOn; //开关的状态
(2)获取自定义属性——>重写onMeasure()方法——>重写onDraw()方法,在onDraw()方法里根据isSwitchOn的状态绘制不同的图形;
(3)定义一个内部接口,用来监听switch控件的状态更改事件。当然,要给自定义控件设置OnClickListener,在用户点击控件时改变isSwitchOn的值,然后重绘界面,同时把isSwitchOn的值传给自定义的监听器就可以了。
全部代码如下:
1、attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable