Androidでは、「http://developer.android.com/reference/android/widget/ToggleButton.html[android.widget.ToggleButton」は、2つの状態のみを持つボタンをレンダリングする特別なクラスです(例:オンとオフ”。ラジオボタンの代わりに、機能をオンまたはオフにすることをお勧めします。

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


P.SこのプロジェクトはEclipse 3.7で開発され、Android 2.3.3.

でテストされています

1.カスタム文字列



res/values/strings.xml

“ファイルを開き、トグルボタン用のカスタム文字列を追加します。


File:res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app__name">MyAndroidApp</string>
    <string name="toggle__turn__on">Turn On</string>
    <string name="toggle__turn__off">Turn Off</string>
    <string name="btn__display">Display</string>
</resources>

2. ToggleButton



res/layout/main.xml

“ファイルを開き、 “LinearLayout”内に2つの ”

ToggleButton

“と通常のボタンを追加します。


File:res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout__width="fill__parent"
    android:layout__height="fill__parent"
    android:orientation="vertical" >

    <ToggleButton
        android:id="@+id/toggleButton1"
        android:layout__width="wrap__content"
        android:layout__height="wrap__content"
        android:text="ToggleButton"/>

    <ToggleButton
        android:id="@+id/toggleButton2"
        android:layout__width="wrap__content"
        android:layout__height="wrap__content"
        android:textOn="@string/toggle__turn__on"
        android:textOff="@string/toggle__turn__off"
        android:checked="true"/>

    <Button
        android:id="@+id/btnDisplay"
        android:layout__width="wrap__content"
        android:layout__height="wrap__content"
        android:text="@string/btn__display"/>

</LinearLayout>

3.コードコード

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

ファイル:私のAndroid App Activity.java

package com.mkyong.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.デモ

アプリケーションを実行します。

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


アンドロイドトグルボタンdemo1、タイトル= "android-togglebutton-demo1"、幅= 318、高さ= 480

{空} 2。トグルボタン1をチェックし、トグルボタン2をオフにして、表示ボタンをクリックすると、両方のトグルボタンの現在の状態が表示されます。


アンドロイドトグルボタンdemo2、タイトル= "android-togglebutton-demo2"、width = 318、height = 480

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

ダウンロードする –

Android-ToggleButton-Example.zip

(15 KB)

参考文献

ToggleButtonの例]

リンク://タグ/アンドロイド/[アンドロイド]リンク://タグ/ボタン/[ボタン]