Android开发学习笔记：浅谈ToggleButton

    ToggleButton(开关按钮)是Android系统中比较简单的一个组件，是一个具有选中和未选择状态双状态的按钮，并且需要为不同的状态设置不同的显示文本。

    ToggleButton常用的XML属性

属性名称	描述
android:disabledAlpha	设置按钮在禁用时透明度。
android:textOff	未选中时按钮的文本
android:textOn	选中时按钮的文本

下面是具体的例子：

第一个例子是通过Toast显示ToggleButton不同的状态时的信息

MainActivity.java

package com.android.togglebutton;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends Activity {
    //声明ToggleButton
    private ToggleButton togglebutton;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        togglebutton = (ToggleButton) findViewById(R.id.togglebutton);
        togglebutton.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                // 当按钮第一次被点击时候响应的事件
                if (togglebutton.isChecked()) {
                    Toast.makeText(MainActivity.this, "你喜欢球类运动", Toast.LENGTH_SHORT).show();
                }
                // 当按钮再次被点击时候响应的事件
                else {
                    Toast.makeText(MainActivity.this, "你不喜欢球类运动", Toast.LENGTH_SHORT).show();
                }
            }
          });
    }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello"
        />
    <ToggleButton
        android:id="@+id/togglebutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textOn="喜欢"
        android:textOff="不喜欢"
        />
</LinearLayout>

strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">你喜不喜欢球类运动？</string>
    <string name="app_name">测试ToggleButton</string>
</resources>

效果图：

第二个例子通过图片的变化显示ToggleButton不同的状态时的图片

MainActivity.java

package com.android.togglebutton;

import android.app.Activity;
import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ToggleButton;

public class MainActivity extends Activity {
     //声明ImageView，ToggleButton
    private ImageView imageView;
    private ToggleButton toggleButton;
    @Override
    public void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.main);
     //通过findViewById获得ImageView，ToggleButton
     imageView=(ImageView) findViewById(R.id.imageView);
     toggleButton=(ToggleButton)findViewById(R.id.toggleButton);

     toggleButton.setOnCheckedChangeListener(new OnCheckedChangeListener(){
      public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {
       toggleButton.setChecked(isChecked);
                //使用三目运算符来响应按钮变换的事件
                imageView.setImageResource(isChecked?R.drawable.pic_on:R.drawable.pic_off);
         }
      });
    }
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
  <ImageView
      android:id="@+id/imageView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/pic_off"
      android:layout_gravity="center_horizontal"
      />
   <ToggleButton
      android:id="@+id/toggleButton"
      android:layout_width="130dip"
      android:layout_height="wrap_content"
      android:textOn="开灯"
      android:textOff="关灯"
      android:layout_gravity="center_horizontal"
      />
</LinearLayout>

效果图：