トグルボタンを作成する（２）

前回はレイアウトに配置して静的にトグルボタンを作成・制御しました
トグルボタンをレイアウトに配置する方法
今回はMainActivity.javaを変更し動的に配置してみたいと思います

トグルボタンをアクティビティ内で配置する方法
レイアウトとトグルボタンを配置した後
setTextONとsetTextOFFによってON/OFF時に表示される文字を設定します
それ以外は前回とほぼ変わりませんｗ
MainActivity.java

package blog.test;
 
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.CompoundButton;
import android.widget.LinearLayout;
import android.widget.ToggleButton;
 
public class MainActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
		 setContentView(R.layout.main);
		// トグルボタンを生成
		ToggleButton tbtn = new ToggleButton(this);
		tbtn.setTextOff("OFF");
		tbtn.setTextOn("ON");
		// レイアウトのトグルボタンを追加
		LinearLayout layout = new LinearLayout(this);
		layout.addView(tbtn, new LinearLayout.LayoutParams(
		LinearLayout.LayoutParams.WRAP_CONTENT,
		LinearLayout.LayoutParams.WRAP_CONTENT));

		setContentView(layout);
		
		tbtn.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
		public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

			// トグルボタンの状態が変更された時の処理を記述
			if(isChecked) {	Log.v("tag", "ON");}
			else {Log.v("tag", "OFF");}
			}
		});
	}
}	

new ToggleButton(this)でトグルボタンを新規作成
layout.addViewで作成したlayoutにトグルボタンを配置しています

実行結果は前回と同じですが


ボタンを押すともちろん変化します


ログもちゃんと出力されています

スポンサードリンク

トグルボタンを作成する

トグルボタンとは下のようなON/OFFを切り替えるスイッチです


トグルボタンを作成する方法は2通りあります
事前にレイアウトに配置（静的）しているものはxmlで設定し
MainActivityなどコードで定義する（動的）の２種類です

トグルボタンをレイアウトに配置する方法
まずはレイアウトに配置する(静的)方法です
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"
         android:textOn="ON" 
         android:textOff="OFF"/>
    
</LinearLayout>

ボタンやテキストビューと異なるところはandroid:textOn/textOffで
オンのときに表示する文字とオフのときに表示する文字を設定しているところです
次にMainActibity.javaを変更します
トグルボタンが変化するとログにON/OFF切り替えが表示されるようにしました
MainActibity.java

package blog.test;
 
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.CompoundButton;
import android.widget.ToggleButton;
 
public class MainActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
		 setContentView(R.layout.main);
		 //使用するトグルボタンを指定
		ToggleButton tbtn= (ToggleButton)findViewById(R.id.toggleButton1);
		
		tbtn.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener(){
		public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

			// トグルボタンの状態が変更された時の処理を記述
			if(isChecked) {	Log.v("tag", "ON");}
			else {Log.v("tag", "OFF");}
			}
		});
	}
}	

まずは使用するトグルボタンをfindViewByIdで指定します
次にsetOnCheckedChangeListenerでトグルボタン
（この場合はtbtn）が変化したときに呼び出される内容を記入します

実行するとトグルボタンのみの画面が表示されます


トグルボタンを押すと中が変化してONになります


きちんとログも出力されていました

スポンサードリンク