Android开关按钮ToggleButton的使用，可以实现密码框和文本框的切换

最新推荐文章于 2024-04-10 10:30:47 发布
最新推荐文章于 2024-04-10 10:30:47 发布
阅读量1.2k 收藏 1
点赞数
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yoonm/article/details/52003258
版权 
1.首先贴出这个页面的布局文件：

<?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:background="#F7F7F7"
    android:orientation="vertical">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f7f7f7"
        android:fadingEdge="none"
        android:overScrollMode="never"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="#f7f7f7"
            android:orientation="vertical">

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#ECECEC" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@android:color/white" >

                <EditText
                    android:id="@+id/et_password"
                    android:layout_width="200dp"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:layout_gravity="center"
                    android:background="@null"
                    android:layout_marginLeft="11dp"
                    android:hint="原密码"
                    android:singleLine="true"
                    android:textColor="@color/color_333333"
                    android:textColorHint="@color/color_c8c8c8"
                    android:textSize="14sp" />


                <ToggleButton
                    android:id="@+id/tb_password"
                    android:layout_marginLeft="20dp"
                    android:layout_marginRight="20dp"
                    android:layout_centerVertical="true"
                    android:layout_alignParentRight="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:background="@android:color/transparent"
                    android:button="@drawable/switch_btn"
                    android:checked="true"
                    android:text=""
                    android:textOff=""
                    android:textOn="" />

            </RelativeLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#ECECEC" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@android:color/white" >

                <EditText
                    android:id="@+id/et_new_password"
                    android:layout_width="200dp"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:layout_gravity="center"
                    android:background="@null"
                    android:layout_marginLeft="11dp"
                    android:hint="新密码"
                    android:inputType="textPassword"
                    android:singleLine="true"
                    android:textColor="@color/color_333333"
                    android:textColorHint="@color/color_c8c8c8"
                    android:textSize="14sp" />

                <ToggleButton
                    android:id="@+id/tb_new_password"
                    android:layout_marginLeft="20dp"
                    android:layout_marginRight="20dp"
                    android:layout_centerVertical="true"
                    android:layout_alignParentRight="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:background="@android:color/transparent"
                    android:button="@drawable/switch_btn"
                    android:checked="false"
                    android:text=""
                    android:textOff=""
                    android:textOn="" />

            </RelativeLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#ECECEC" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="@android:color/white" >

                <EditText
                    android:id="@+id/et_re_new_password"
                    android:layout_width="200dp"
                    android:layout_height="match_parent"
                    android:layout_centerVertical="true"
                    android:layout_gravity="center"
                    android:background="@null"
                    android:layout_marginLeft="11dp"
                    android:hint="请再次输入新密码"
                    android:singleLine="true"
                    android:inputType="textPassword"
                    android:textColor="@color/color_333333"
                    android:textColorHint="@color/color_c8c8c8"
                    android:textSize="14sp" />

                <ToggleButton
                    android:id="@+id/tb_re_new_password"
                    android:layout_marginLeft="20dp"
                    android:layout_marginRight="20dp"
                    android:layout_centerVertical="true"
                    android:layout_alignParentRight="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:background="@android:color/transparent"
                    android:button="@drawable/switch_btn"
                    android:checked="false"
                    android:text=""
                    android:textOff=""
                    android:textOn="" />

            </RelativeLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#ECECEC" />

            <Button
                android:layout_marginBottom="31dp"
                android:layout_marginTop="23dp"
                android:layout_width="281.5dp"
                android:layout_height="37dp"
                android:layout_gravity="center"
                android:background="@drawable/shape_red_tuichu"
                android:text="保 存"
                android:textColor="@color/color_ffffff"
                android:textSize="17dp" />


        </LinearLayout>


    </ScrollView>


</LinearLayout>
 

android:textOff="" 未选中时按钮的文本. 
android:textOn="" 选中时按钮的文本.

 

android:checked="true" 默认选中

 

android:checked="false" 默认未选中

 

 

效果如下：
 



 

 

2. ToggleButtond的android:button="@drawable/switch_btn"属性引用的布局文件switch_btn.xml
 

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/xiugaimima_xianshi" />
    <item android:drawable="@drawable/xiugaimima_buxianshi" />
</selector>
3.代码控制密码框和文本框的切换，实现显示和隐藏密码：
import android.os.Bundle;
import android.text.InputType;
import android.text.Selection;
import android.text.Spannable;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.ToggleButton;

public class MYFragment extends BaseFragment {

    private ToggleButton tb_password, tb_new_password, tb_re_new_password;
    private EditText et_password, et_new_password, et_re_new_password;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        addContentView(R.layout.fragment_xgmm);
        initListener();
        return rootView;
    }

    @Override
    protected void initViews() {
        tb_password = (ToggleButton) findViewById(R.id.tb_password);
        tb_new_password = (ToggleButton) findViewById(R.id.tb_new_password);
        tb_re_new_password = (ToggleButton) findViewById(R.id.tb_re_new_password);

        et_password = (EditText) findViewById(R.id.et_password);
        et_new_password = (EditText) findViewById(R.id.et_new_password);
        et_re_new_password = (EditText) findViewById(R.id.et_re_new_password);
    }

    private void initListener() {
        tb_password.setOnCheckedChangeListener(mOnCheckedChangeListener);
        tb_new_password.setOnCheckedChangeListener(mOnCheckedChangeListener);
        tb_re_new_password.setOnCheckedChangeListener(mOnCheckedChangeListener);
    }

    private CompoundButton.OnCheckedChangeListener mOnCheckedChangeListener = new CompoundButton.OnCheckedChangeListener() {

        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            int id = buttonView.getId();
            switch (id) {
                case R.id.tb_password: {
                    if (isChecked) {
			//普通文本框
                        et_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
                    } else {
			//密码框
                        et_password.setTransformationMethod(PasswordTransformationMethod.getInstance());
                    }
                    et_password.postInvalidate();//刷新View
		    //将光标置于文字末尾
                    CharSequence charSequence = et_password.getText();
                    if (charSequence instanceof Spannable) {
                        Spannable spanText = (Spannable) charSequence;
                        Selection.setSelection(spanText, charSequence.length());
                    }
                }
                    break;

                case R.id.tb_new_password:
                {
                    if (isChecked) {
                        et_new_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
                    } else {
                        et_new_password.setTransformationMethod(PasswordTransformationMethod.getInstance());
                    }
                    et_new_password.postInvalidate();
                    CharSequence charSequence = et_new_password.getText();
                    if (charSequence instanceof Spannable) {
                        Spannable spanText = (Spannable) charSequence;
                        Selection.setSelection(spanText, charSequence.length());
                    }
                }
                    break;

                case R.id.tb_re_new_password:
                {
                    if (isChecked) {
                        et_re_new_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
                    } else {
                        et_re_new_password.setTransformationMethod(PasswordTransformationMethod.getInstance());
                    }
                    et_re_new_password.postInvalidate();
                    CharSequence charSequence = et_re_new_password.getText();
                    if (charSequence instanceof Spannable) {
                        Spannable spanText = (Spannable) charSequence;
                        Selection.setSelection(spanText, charSequence.length());
                    }
                }
                    break;
            }
        }
    };

}



 



 



 



 



 



 



 



 



 



 




                

        

        

    




    

      

        

            

              
                
                  天使小黄豆
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Android开发之Compose基础学习-switch切换开关基础用法

				
			

			

				

					xiayiye5的博客
				

				

					08-20
					
					1194
					
				

			

		

		

			
				
【代码】Android开发之Compose基础学习-switch切换开关基础用法。

			
		

	



                

              
                



	

		

			

				
					
ToggleButton控件的使用（Android设置开关按钮）

				
			

			

				

					qq_38367681的博客
				

				

					10-17
					
					1549
					
				

			

		

		

			
				

android:textOn="打开开关的文字标识"
android:textOff="关闭开关的文字标识"

这个按钮主要操作在于activity，他的点击监听不同于一般的button。

举个例子，点击按钮进入图片切换：


private ImageView imageView;
private ToggleButton toggleButton;

@Override
protected...

			
		

	



                


  
              

                


	

		

			

				
					
android 开关按钮例子,Android自学笔记之ToggleButton（开关按钮）的功能、特殊属性、用法...

				
			

			

				

					weixin_31834087的博客
				

				

					05-26
					
					423
					
				

			

		

		

			
				
1.ToggleButton属性：1>有两种状态：选中和未选中状态并需要为不同的状态设置不同的显示文本2>android:checked="true"3>android:textOff="关"(默认状态)4>android:textOn="开"2.使用方法：(example)public class MainActivity extends Activity impleme...

			
		

	





	

		

			

				
					
Android之ToggleButton、Switch、CheckBox、RadioButton控件

				
			

			

				

					Sean_Word的博客
				

				

					10-28
					
					1085
					
				

			

		

		

			
				
在一组RadioButton中，只能选择其中的一个选项，选中一个RadioButton会自动取消其他RadioButton的选中状态。滑块可以水平滑动，并根据用户的操作来切换开关的状态。当RadioButton的选中状态发生改变时，会触发相应的回调方法，可以在回调方法中执行相应的操作。这个和我们的CheckBox是十分类似的，不同的点在于，这个控件可以由非选中状态通过点击事件转为选中状态，但是。当ToggleButton的状态发生改变时，会触发相应的回调方法，可以在回调方法中执行相应的操作。

			
		

	



		

			
		



	

		

			

				
					
17. 【Android教程】开关控件ToggleButton/Switch

					
最新发布

				
			

			

				

					这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
				

				

					04-10
					
					1664
					
				

			

		

		

			
				
本节要学的两个控件是我们在使用 Android 手机时经常会用到的，相信大家对它并不陌生，甚至是非常熟悉，但是现实是很多开发者并不了解开关控件，所以会花不少功夫通过 TextView 或 Button 来实现开关功能，殊不知 Android 系统已经为我们提供了非常友好的控件—— ToggleButton 和 Switch。

			
		

	





	

		

			

				
					
android 高仿ios开关,Android 高仿IOS打开和关闭按钮

				
			

			

				

					weixin_32396347的博客
				

				

					05-25
					
					387
					
				

			

		

		

			
				
一、废话不多说，先上图二、实现思路如果你们的效果要求不是太严苛，你可以使用这种方式。看起来还是挺美观和漂亮的。1、使用系统的Switch控件，然后设置thumb和track背景就能实现2、然后监听setOnCheckedChangeListener就能知道打开和关闭三、代码activity.xmlandroid:id="@+id/activity_setServe_switch_open"andr...

			
		

	





	

		

			

				
					
Android 开发 ToggleButton 滑动开关按钮

				
			

			

				

					RylynnKang 的博客
				

				

					10-16
					
					1211
					
				

			

		

		

			
				
滑动开关按钮的实现自定义layout布局<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:too

			
		

	





	

		

			

				
					
第4条-Android UI布局和控件

				
			

			

				

					04-08
				

			

		

		

			
				
8. **切换开关（Switch）** 和 **切换按钮（ToggleButton）**：用于切换开/关状态。  9. **日期/时间选择器（DatePicker / TimePicker）**：让用户选择日期或时间。  10. **滑动抽屉（DrawerLayout）**：通常用于...

			
		

	





	

		

			

				
					
android常用UI控件的使用例子

				
			

			

				

					05-30
				

			

		

		

			
				
开发者可以使用`android:hint`来设置提示信息，`android:inputType`来指定输入类型，如文本、数字、密码等。  3. **图像(ImageButton/ImageView)**  - `ImageButton`是带有图像的按钮，`ImageView`则用于显示静态...

			
		

	





	

		

			

				
					
疯狂Android讲义源码

				
			

			

				

					08-26
				

			

		

		

			
				
　2.3.5 状态开关按钮（ToggleButton） 　的功能与用法 71 　2.3.6 时钟（AnalogClock和Digital 　Clock）的功能与功法 73 　2.3.7 图像视图（ImageView）的 　功能和用法 75 　2.4 高级界面组件 79 　2.4.1 自动...

			
		

	





	

		

			

				
					
android 切换开关按钮

				
			

			

				

					06-28
				

			

		

		

			
				
android switch 切换开关按钮

			
		

	





	

		

			

				
					
Android开发教程

				
			

			

				

					03-28
				

			

		

		

			
				
- **ToggleButton**：用于创建开关按钮。  这些基本组件构成了大多数Android应用的用户界面，开发者可以根据需求自定义这些组件的样式和行为。  #### 高级UI组件  除了基础组件外，还有一些高级组件可以进一步增强...

			
		

	





	

		

			

				
					
android中使用ToggleButton(开关按钮)自定义开关

				
			

			

				

					qq_29586601的博客
				

				

					04-08
					
					2573
					
				

			

		

		

			
				
自定义开关ToggleButton  package com.example.test;import android.os.Bundle;import android.app.Activity;import android.view.Menu; //------------MainActivity中----------------------public class MainActivity ex...

			
		

	





	

		

			

				
					
用ToggleButton开、关（即选中、未选中）的两种状态，来实现密码明文或密文显示

				
			

			

				

					qq_34217559的博客
				

				

					11-25
					
					1491
					
				

			

		

		

			
				
用到ToggleButton开、关（即选中、未选中）的两种状态，来切换 
布局文件activity_login:<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_pa

			
		

	





	

		

			

				
					
Android文本输入框(EditText)切换密码的显示与隐藏

				
			

			

				

					weixin_34080903的博客
				

				

					06-03
					
					305
					
				

			

		

		

			
				
 
 
 

package cc.c;
 
import android.app.Activity;
import android.os.Bundle;
import android.text.Selection;
import android.text.Spannable;
import android.text.method.HideReturnsTransformati...

			
		

	





	

		

			

				
					
℃江让您从精通到入门：Android Studio创建登陆页面密码的开关显示（小眼睛）

					
热门推荐

				
			

			

				

					℃江
				

				

					01-06
					
					2万+
					
				

			

		

		

			
				
由于本人在网上看到好些关于“小眼睛”的实现教程，看的本人是一脸懵逼，所以我自己写了一个，废话不多说，大家先看看效果图： 第一步、你得现有两张图片，我用的是SVG的“小眼睛”（你也可以用.png|.jpg）的图片。然后导入到res->drawable目录下。
第二步、如下图所示：（注意：是右键res目录夹） 
 
文件名如下图： 
第三步、会生成一个button_visibility_bg.xml的文

			
		

	





	

		

			

				
					
Android的ToggleButton控件隐藏提示文字或清除提示文字占用空间的解决办法

				
			

			

				

					roll圈圈的博客
				

				

					04-01
					
					4386
					
				

			

		

		

			
				
今天测试妹子说有个页面的一个开关显示跑偏了，一个Android4.4.4显示跑偏了，一个Android7.0的手机显示正常。当时我就不开心了，是何方妖孽在作祟？看了下代码，之前是在android7.0的手机上开发的，选用了ToggleButton这个控件，但是不需要他的文字提示，所以在代码中进行了如下设置: 
这样就没有提示文字了，但是提示文字所占的空间还在，所以我进行了简单的计算后，设置了要右边的

			
		

	





	

		

			

				
					
UI--Android中的状态切换按钮自定义

				
			

			

				

					Qiaoidea on the way
				

				

					07-13
					
					7656
					
				

			

		

		

			
				
Android中关于控制开关和页面/状态切换的使用场景还是比较多的。源生做的支持也有比如RadioGroup 和Tabhost等。这里准备通过自定义View来模仿学习下IOS两种常见UI样式： SwitchButton 和  SegmentControl。
　　首先先通过简易的组装View来实现两种UI的相应效果，其次呢，尝试通过绘制来达到同样的更灵活的样式。代码前后共实现按钮切换和页面切换两个样式，三种实现方案。

			
		

	





	

		

			

				
					
Android实现密码隐藏显示

				
			

			

				

					「程序员飞飞」的博客
				

				

					11-11
					
					2万+
					
				

			

		

		

			
				
Android实现密码隐藏显示需求：当用户点击提现按钮的时候，弹出输入支付密码的popupwindow,输入密码框后面有显示和隐藏支付密码的切换按钮。老规矩先验货：1.布局文件<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

			
		

	





	

		

			

				
					
Android开发：详解ToggleButton及其使用

				
			

			

				

					
				

			

		

		

			
				
"Android UI 开发中的基本控件介绍，特别是状态开关按钮 ToggleButton 的使用"  在Android UI设计中，Toggle Button是一种常见的交互元素，它提供了两种可切换的状态，通常表现为开启和关闭，或者选中和未选中。...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值