用户界面View之Switch与ToggleButton

最新推荐文章于 2023-10-28 21:40:30 发布

小小劲

最新推荐文章于 2023-10-28 21:40:30 发布

阅读量512

点赞数

CC 4.0 BY-SA版权

分类专栏： Android自带控件

本文链接：https://blog.youkuaiyun.com/liguojin1230/article/details/45276107

Android自带控件专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了在Android应用开发中如何使用Switch和ToggleButton控件，并提供了两个示例代码来展示其用法。

在我们了解什么是生命之前，我们已将它消磨了一半。

本讲内容：Switch 开关控件和ToggleButton控件

示例一：

下面是res/layout/activity_main.xml 布局文件：

<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" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="WIFI设置"
        android:textSize="20sp" />

    <Switch
        android:id="@+id/open"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true"
        android:layout_marginRight="10dp"
        android:textOn="WIFI开启中"
        android:textOff="WIFI关闭中"/>

</RelativeLayout>

下面是MainActivity主界面文件：

public class MainActivity extends Activity {
	private Switch open;

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		open=(Switch) findViewById(R.id.open);
		open.setOnCheckedChangeListener(new OnCheckedChangeListener() {
			public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
				if(isChecked){
					Toast.makeText(MainActivity.this, "打开WIFI", Toast.LENGTH_LONG).show();
				}else{
					Toast.makeText(MainActivity.this, "关闭WIFI", Toast.LENGTH_LONG).show();
				}
			}
		});
	}
}

示例二：

下面是res/layout/activity_main.xml 布局文件：

<LinearLayout 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"
    android:orientation="vertical" >

    <!-- textOn:true   textOff:false  默认是false-->
    <ToggleButton
        android:id="@+id/id_toggleButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textOff="关"
        android:textOn="开" 
        android:checked="false"/>
    
    <ImageView 
        android:id="@+id/id_imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/off"/>

</LinearLayout>

下面是MainActivity主界面文件：

public class MainActivity extends Activity implements OnCheckedChangeListener{
	private ToggleButton tb;
	private ImageView img;
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		
		tb=(ToggleButton) findViewById(R.id.id_toggleButton);
		img=(ImageView) findViewById(R.id.id_imageView);
		tb.setOnCheckedChangeListener(this);
		
	}

	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
		/*
		 *当tb被点击的时候，当前的方法会执行
		 * buttonView  代表被点击控件的本身
		 * isChecked   代表被点击的控件的状态
		 */
		img.setBackgroundResource(isChecked?R.drawable.on:R.drawable.off);
	}
}

Take your time and enjoy it