Android ToggleButtonの例

Android ToggleButtonの例

Androidでは、「http://developer.android.com/reference/android/widget/ToggleButton.html[android.widget.ToggleButton]」は、2つの状態しかないボタンをレンダリングする特別なクラスです。たとえば、オンとオフ"。 機能をオンまたはオフにするには、ラジオボタンに代わる最良の方法です。

このチュートリアルでは、XMLを使用して2つのトグルボタンと通常のボタンを作成する方法を示します。ユーザーが通常のボタンをクリックすると、両方のトグルボタンの現在の状態が表示されます。

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. カスタム文字列

res/values/strings.xml」ファイルを開き、トグルボタン用のカスタム文字列を追加します。

ファイル:res / values / strings.xml


    MyAndroidApp
    Turn On
    Turn Off
    Display

2. トグルボタン

res/layout/main.xml」ファイルを開き、LinearLayout内に2つの「ToggleButton」と通常のボタンを追加します。

ファイル:res / layout / main.xml



    

    

    

Note
「togglebutton2」を確認します。togglebutton2の表示テキストのオンとオフをカスタマイズし、デフォルトでチェックしました。

3. コードコード

アクティビティ「onCreate()」メソッド内で、通常のボタンにクリックリスナーをアタッチして、トグルボタンの現在の状態を表示します。

ファイル:MyAndroidAppActivity.java

package com.example.android;

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

public class MyAndroidAppActivity extends Activity {

  private ToggleButton toggleButton1, toggleButton2;
  private Button btnDisplay;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    addListenerOnButton();

  }

  public void addListenerOnButton() {

    toggleButton1 = (ToggleButton) findViewById(R.id.toggleButton1);
    toggleButton2 = (ToggleButton) findViewById(R.id.toggleButton2);
    btnDisplay = (Button) findViewById(R.id.btnDisplay);

    btnDisplay.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {

           StringBuffer result = new StringBuffer();
           result.append("toggleButton1 : ").append(toggleButton1.getText());
           result.append("\ntoggleButton2 : ").append(toggleButton2.getText());

           Toast.makeText(MyAndroidAppActivity.this, result.toString(),
            Toast.LENGTH_SHORT).show();

        }

    });

  }
}

4. Demo

アプリケーションを実行してください。

1. 結果、toggleButton2はカスタマイズされた文字列を使用し、デフォルトでチェックされます。

android togglebutton demo1

2. トグルボタン1とトグルボタン2のチェックを外し、表示ボタンをクリックすると、両方のトグルボタンの現在の状態が表示されます。

android togglebutton demo2

ソースコードをダウンロード

ダウンロード–Android-ToggleButton-Example.zip(15 KB)