学Android---ToggleButton

1、什么是ToggleButton：
Toggle，意思是切换，转换。ToggleButton自然就表示切换按钮了。它有两种状态，分别是选中和未选中，并且需要为不同的状态设置不同的显示文本。就像是手电筒的开关按钮一样，初始状态为关，按下按钮，手电打开，再按下又切换为关闭状态。

2、ToggleButton常用属性：
android:checked = “true” //表示启动程序时即为选中状态
android:textOff = “关” //状态为关时所显示的文字
android:textOn = “开” //状态开时所显示的文字

3、ToggleButton的实现（滑动到最后可看到效果）：
（1）首先在布局中添加ToggleButton控件，为了表现开和关状态下的区别，我们再添加一个ImageView，代码如下：

    <ToggleButton
        android:id="@+id/toggleButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:textOff="柯南"
        android:textOn="犬夜叉" />  //这里我用两张图片表示开和关
        //柯南代表关，犬夜叉代表开
        //没有设置checked属性，表示启动时的默认状态为关

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toggleButton"
        android:background="@drawable/conan" />
     //记得先将图片放到drawable文件夹下，我的图片分别命名为conan和inu

（2）配置好布局后，来到MainActivity中添加逻辑代码
首先初始化ToggleButton和ImageView并find：

    private ToggleButton togglebutton;
    private ImageView imageview;
    //初始化控件
    togglebutton = (ToggleButton)findViewById(R.id.toggleButton);
    imageview = (ImageView)findViewById(R.id.imageView);   

然后给ToggleButton设置监听器（需要注意的是这里的监听事件是onCheckedChangeListener而不是onClickListener），这里通过接口来实现：

togglebutton.setOnCheckedChangeListener(this);

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked){
        /*
         * 当togglebutton被点击的时候，当前的方法会执行
         * buttonView----代表被点击控件的本身
         * isChecked----代表被点击控件的状态
         * 
         * 当点击togglebutton的时候，更换imageview的背景
         */     imageview.setBackgroundResource(isChecked?R.drawable.inu:R.drawable.conan);
}

3、下面给出MainActivity完整的代码实现：

public class MainActivity extends Activity implements OnCheckedChangeListener{

    private ToggleButton togglebutton;
    private ImageView imageview;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化控件
        togglebutton = (ToggleButton)findViewById(R.id.toggleButton);
        imageview = (ImageView)findViewById(R.id.imageView);
        /*
         * 给当前的togglebutton设置监听器
         */
        togglebutton.setOnCheckedChangeListener(this);
    }

    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked){
        /*
         * 当togglebutton被点击的时候，当前的方法会执行
         * buttonView----代表被点击控件的本身
         * isChecked----代表被点击控件的状态
         * 
         * 当点击togglebutton的时候，更换imagebutton的背景
         */
        img.setBackgroundResource(isChecked?R.drawable.inu:R.drawable.conan);
    }    
}

最后再看一看效果，启动时默认状态为关，显示图片为柯南

按下按钮后，状态变为开，显示图片为犬夜叉