ToggleButton按钮实现开关效果

最新推荐文章于 2025-06-18 18:44:34 发布

原创最新推荐文章于 2025-06-18 18:44:34 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了如何在项目中利用ToggleButton组件实现开关效果，通过设置不同状态的背景和文字颜色，以及监听点击事件来切换开/关状态。同时，文章讨论了在Android和iOS平台上的实现差异，并提供了相应的代码示例。

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

package com.demo2.demo2;

import android.app.Activity;
import android.os.Bundle;
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代表被点击的空间的状态
		 * 
		 * 当点击这个tb的时候，更换img的背景
		 */
		img.setBackgroundResource(isChecked?R.drawable.touxiang:R.drawable.lena);
	}
}

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

    <!--textOn：true textOff：false-->
    <ToggleButton
        android:checked="false"
        android:textOn="开"
        android:textOff="关"
        android:id="@+id/toggleButton1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
/>

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/lena"
/>

</LinearLayout>