Android开发学习笔记：浅谈ToggleButton

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

    ToggleButton常用的XML属性

下面是具体的例子：

第一个例子是通过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> 
 
 

效果图：

本文转自 lingdududu 51CTO博客，原文链接：http://blog.51cto.com/liangruijun/655014