使用ToggleButton按钮实现开关效果

最新推荐文章于 2025-03-20 07:31:20 发布

programmerteny

最新推荐文章于 2025-03-20 07:31:20 发布

阅读量4.3k

点赞数

文章标签： ToggleButton

本文链接：https://blog.youkuaiyun.com/programmerteny/article/details/50916718

版权

本文介绍了如何使用ToggleButton来创建开关效果，通过设置不同状态下的文本和图片，达到选中和未选中时显示灯泡的亮灭状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于ToggleButton，有选中和未选中状态。在两种情况下还需要设置不同的文本内容。ToggleButton有以下几个属性：

android:isChecked="true";

android:textOn="开"

android:textOff="关"

开与关的内容自己可以设置成适用的不同内容。

目标：在点击ToggleButton状态为true时，显示灯泡发亮的图片；状态为false时，显示灯泡熄灭的图片。

一、编写布局文件。添加ToggleButton与imageView控件。代码如下：

二、在Activity中实现逻辑部分。请看代码：

package com.nanhai.togglebutton;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ToggleButton;

public class MainActivity extends Activity implements OnCheckedChangeListener {
	private ToggleButton tb;
	private ImageView img;

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		// 初始化控件
		tb = (ToggleButton) findViewById(R.id.toggleButton1);
		img = (ImageView) findViewById(R.id.imageView1);

/*
		 * 给当前tb设置监听器
		 */
		tb.setOnCheckedChangeListener(this);
	}

@Override
	public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
		/*
		 * 当tb被点击的时候，当前的方法会执行
		 * 
		 * buttonView代表被点击控件的本身
		 * 
		 * isChecked代表被点击控件的状态
		 * 
		 * 当控件被点击的时候，更换图片
		 */

img.setBackgroundResource(isChecked ? R.drawable.on : R.drawable.off);
	}

}

以上的内容即可完成使用ToggleButton按钮实现开关效果。效果如下图：