ToggleButton控件

TogleButton

• 功能：有选中和未选中两种状态，并且为不同的状态设置不同的显示文本。

• 属性：
  android:checked="true"//选中状态，默认为false
  android:textOff="关"//未选中显示文本
  android:textOn="开"//选中状态显示文本

• 效果：

• 实现思路：在xml布局文件中设置一个ToggleButton和一个ImageView。在Activity文件中初始化ToggleBuuton控件，设置tb的OnCheckedChangeListener监听器，重写监听器的onCheckedChanged()方法，通过该方法的传入参数isChecked，判断tb的状态，改变相应图片。

tog_bt.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ToggleButton 
        android:id="@+id/toggleButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textOn="开"
        android:textOff="关"
        android:checked="false"
        />
    <ImageView 
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/off"
        />
    
</LinearLayout>

TogBtActivity.java

package com.example.autodemo;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ToggleButton;

public class TogBtActivity extends ActionBarActivity implements OnCheckedChangeListener{

    private ToggleButton tb;
    private ImageView img;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tog_bt);
        //初始化控件
        tb=(ToggleButton) findViewById(R.id.toggleButton);
        img=(ImageView) findViewById(R.id.imageView);
        /**
         * 给当前toggleButton设置监听器
         */
        tb.setOnCheckedChangeListener(this);
        
    }
    
    /**
     * 继承onCheckedChangeListener接口后，重写onCheckedChanged方法
     * 
     * 当tb被点击的时候，当前的方法会被执行，更换img的背景
     * 
     * @param buttonView---代表被点击控件的本身
     * @param isChecked---代表被点击的控件的状态
     * 
     */
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        //使用三目运算符，判断isChecked的状态，更换相应的img
        img.setBackgroundResource(isChecked?R.drawable.on:R.drawable.off);
        
    }
}