Android ToggleButton：狀态切換的Button



Android ToggleButton：狀态切換的Button

Android ToggleButton和Android Button類似，但是ToggleButton提供了一種選擇機制，可以表達Button處于何種狀态，比如常見的WiFi打開或者關閉狀态等等這種類似與非門的狀态機。

标準的Android ToggleButton樣式簡單，如果要實作自定義的、表達力豐富的ToggleButton，其中一個方式就是寫selector.xml檔案作為ToggleButton的background，現在寫一個例子。

布局檔案activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="zhangphil.demo.MainActivity">

    <ToggleButton
        android:id="@+id/toggleButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:checked="true"
        android:textOff="關閉"
        android:textOn="打開"
        android:background="@drawable/selector"/>
</RelativeLayout>
           

activity_main.xml需要的、位于drawable目錄下的selector.xml檔案：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@android:color/darker_gray" android:state_checked="false" />
    <item android:drawable="@android:color/holo_green_light" android:state_checked="true" />
</selector>
           

上層Java代碼：

package zhangphil.demo;

import android.app.Activity;
import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ToggleButton mToggleButton = (ToggleButton) findViewById(R.id.toggleButton);
        mToggleButton.setOnCheckedChangeListener(mOnCheckedChangeListener);
    }

    private ToggleButton.OnCheckedChangeListener mOnCheckedChangeListener = new ToggleButton.OnCheckedChangeListener() {

        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            String s="";

            if(isChecked)
                s="打開";
            else
                s="關閉";

            Toast.makeText(getApplication(),s,Toast.LENGTH_SHORT).show();
        }
    };
}
           

代碼運作結果如圖：

附錄文章：

1，《Android Segmented RadioButton》連結位址：

http://blog.csdn.net/zhangphil/article/details/51441677

2，《Android選項切換條SHSegmentControl》連結位址：

http://blog.csdn.net/zhangphil/article/details/49720805