动态显示和隐藏密码框

最新推荐文章于 2022-06-09 10:26:00 发布
最新推荐文章于 2022-06-09 10:26:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android基础 文章标签： EditText InputType 隐藏和显示密码框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z18789231876/article/details/40400149
版权

一、效果图如下


在开发的时候，有时需要可控的显示和隐藏输入框，下面是自己写的demo，贴出来共享

activity_update_password.xml

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

    <include layout="@layout/titlebar_update_password" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="2dp" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginTop="5dp" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:text="@string/Current_Password" />

            <TextView
                android:id="@+id/activity_update_show01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="5dp"
                android:clickable="true"
                android:onClick="showPassword"
                android:padding="5dp"
                android:text="@string/Show_Password"
                android:textColor="@drawable/read_more_btn"
                android:textSize="10sp" />
        </RelativeLayout>

        <EditText
            android:id="@+id/activity_update_currentPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@android:drawable/edit_text"
            android:hint="@string/Current_Password"
            android:singleLine="true"
            android:textColor="#000000"
            android:inputType="textPassword"
            android:textCursorDrawable="@null" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginTop="5dp" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:text="@string/New_Password" />

            <TextView
                android:id="@+id/activity_update_show02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="5dp"
                android:clickable="true"
                android:onClick="showPassword"
                android:padding="5dp"
                android:text="@string/Show_Password"
                android:textColor="@drawable/read_more_btn"
                android:textSize="10sp" />
        </RelativeLayout>

        <EditText
            android:id="@+id/activity_update_newPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@android:drawable/edit_text"
            android:hint="@string/New_Password"
            android:singleLine="true"
            android:textColor="#000000"
             android:inputType="textPassword"
            android:textCursorDrawable="@null" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginTop="5dp" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:text="@string/confirm_password" />

            <TextView
                android:id="@+id/activity_update_show03"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginTop="5dp"
                android:clickable="true"
                android:onClick="showPassword"
                android:padding="5dp"
                android:text="@string/Show_Password"
                android:textColor="@drawable/read_more_btn"
                android:textSize="10sp" />
        </RelativeLayout>

        <EditText
            android:id="@+id/activity_update_confirmPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@android:drawable/edit_text"
            android:hint="@string/confirm_password"
            android:singleLine="true"
            android:textColor="#000000"
       <span style="color:#ff6666;">      android:inputType="textPassword"</span>
            android:textCursorDrawable="@null" />

        <Button
            android:id="@+id/activity_update_updatePassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/theme_btn"
            android:text="@string/Update_Password" />
    </LinearLayout>

</LinearLayout>
Update按钮点击效果 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/theme_blue_normal" android:state_enabled="true" android:state_window_focused="false"/>
    <item android:drawable="@drawable/theme_blue_normal" android:state_enabled="false"/>
    <item android:drawable="@drawable/theme_blue_press" android:state_pressed="true"/>
    <item android:drawable="@drawable/theme_blue_normal" android:state_focused="true"/>

</selector>

需要提供2张图片背景即可，即点击前后的背景图片

文字点击效果 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" android:color="#f00"/>
    <item android:state_focused="true" android:color="@color/activity_search_title_bg"/>
    <item android:color="@color/activity_search_title_bg"/>

</selector>
需要2种颜色，即点击前后的文字颜色

主类 

package com.chinabuye.android.activity;

import http.HttpRestClient;
import http.JsonHttpResponseHandler;

import org.json.JSONException;
import org.json.JSONObject;

import tool.NewTokenCallBack;
import tool.TokenTools;
import tool.UserInfo;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.os.Handler;
import android.text.InputType;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.chinabuye.android.R;

public class UpdatePasswordActivity extends Activity implements OnClickListener {
	private EditText currentPassword;
	private EditText newPassword;
	private EditText confirmPassword;
	private ImageView back;
	private Button updateBtn;
	private AlertDialog dialog;
	<span style="color:#ff6666;">private boolean mbDisplayFlg01 = false; // 用于动态显示和隐藏密码
	private boolean mbDisplayFlg02 = false;
	private boolean mbDisplayFlg03 = false;</span>

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		manageActivity();
		setContentView(R.layout.activity_update_password);
		initView();
	}

	private void initView() {
		currentPassword = (EditText) this.findViewById(R.id.activity_update_currentPassword);
		newPassword = (EditText) this.findViewById(R.id.activity_update_newPassword);
		confirmPassword = (EditText) this.findViewById(R.id.activity_update_confirmPassword);
		updateBtn = (Button) this.findViewById(R.id.activity_update_updatePassword);
		updateBtn.setOnClickListener(this);
		back = (ImageView) this.findViewById(R.id.activity_update_back);
		back.setOnClickListener(this);
		createDialog();
	}

	private void manageActivity() {
		ActivityInstanceManager.getActivityInstanceManager().addActivity(this);
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.activity_update_updatePassword:
			String currentPass = currentPassword.getText().toString().trim();
			String newPass = newPassword.getText().toString().trim();
			String confirmPass = confirmPassword.getText().toString().trim();
			if ("".equals(currentPass) || currentPass == null) {
				Toast.makeText(this, R.string.Current_password_cannot_be_empty, Toast.LENGTH_LONG).show();
				break;
			}
			if ("".equals(newPass) || newPass == null) {
				Toast.makeText(this, R.string.New_password_connot_be_empty, Toast.LENGTH_LONG).show();
				break;
			}
			if ("".equals(confirmPass) || confirmPass == null) {
				Toast.makeText(this, R.string.confirm_password_connot_be_empty, Toast.LENGTH_LONG).show();
				break;
			}
			if (!confirmPass.equals(newPass)) {
				Toast.makeText(this, R.string.The_password_donnot_match, Toast.LENGTH_LONG).show();
				break;
			}
			//判断输入的格式是否是邮箱格式
			if (currentPass.equals(newPass)) {
				Toast.makeText(this, R.string.The_same_password_enter_again, Toast.LENGTH_LONG).show();
				break;
			}
			updatePasswordMethod(currentPass, newPass);
			break;
		case R.id.activity_update_back:
			finish();
			break;

		default:
			break;
		}

	}

	public void showPassword(View view) {
		<span style="color:#ff6666;">switch (view.getId()) {
		case R.id.activity_update_show01:
			if (!mbDisplayFlg01) {
				// display password text, for example "123456",从隐藏到显示
				currentPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
			} else {
				// hide password, display "."，从显示到隐藏
				currentPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());
			}
			mbDisplayFlg01 = !mbDisplayFlg01;
			currentPassword.postInvalidate();
			break;
		case R.id.activity_update_show02:
			if (!mbDisplayFlg02) {
				// display password text, for example "123456",从隐藏到显示
				newPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
			} else {
				// hide password, display "."，从显示到隐藏
				newPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());
			}
			mbDisplayFlg02 = !mbDisplayFlg02;
			newPassword.postInvalidate();
			break;
		case R.id.activity_update_show03:
			if (!mbDisplayFlg03) {
				// display password text, for example "123456",从隐藏到显示
				confirmPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
			} else {
				// hide password, display "."，从显示到隐藏
				confirmPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());
			}
			mbDisplayFlg03 = !mbDisplayFlg03;
			confirmPassword.postInvalidate();
			break;

		default:
			break;
		}</span>
	}

	private void updatePasswordMethod(final String currentPass, final String newPass) {
		TokenTools.requestNewToken(this, new NewTokenCallBack() {

			@Override
			public void getNewTokenSuccess(String newAccessToken) {
				if (newAccessToken != null) {
					String customerid = UserInfo.getUserInfoInstance().getUserid();
					if (customerid == null || "".equals(customerid)) {
						Toast.makeText(UpdatePasswordActivity.this, R.string.There_are_some_problems_with_customerid, Toast.LENGTH_LONG).show();
					} else {
						HttpRestClient.updatePassword(UpdatePasswordActivity.this, customerid, currentPass, newPass, newAccessToken, new JsonHttpResponseHandler() {
							@Override
							public void onSuccess(JSONObject response) {
								super.onSuccess(response);
								try {
									String result = response.getString("result");
									if ("true".equals(result)) {
										String desc = response.getString("desc");
										handler.sendEmptyMessage(1);
									} else {
										Toast.makeText(UpdatePasswordActivity.this, UpdatePasswordActivity.this.getResources().getString(R.string.Some_problems_have_arisen), Toast.LENGTH_LONG).show();
									}
								} catch (JSONException e) {
									e.printStackTrace();
								}
							}
						});
					}

				}
			}
		});
	}

	private Handler handler = new Handler() {
		@Override
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case 1:
				if (dialog != null)
					dialog.show();
				break;

			default:
				break;
			}

		};
	};

	private void createDialog() {
		dialog = new AlertDialog.Builder(this).setIcon(R.drawable.ic_launcher).setCancelable(false).setTitle("Exit Dialog").setMessage(R.string.You_have_successfully_changed_the_password)
				.setPositiveButton("Exit", new DialogInterface.OnClickListener() {

					@Override
					public void onClick(DialogInterface dialog, int which) {
						// 将存储在本地的密码设置为空
						SharedPreferences sp = UpdatePasswordActivity.this.getSharedPreferences("userInfo", Context.MODE_WORLD_READABLE);
						Editor editor = sp.edit();
						editor.putBoolean("isLogout", true);
						editor.putString("PASSWORD", null);
						editor.commit();
						Intent intent = new Intent(UpdatePasswordActivity.this, LoginActivity.class);
						startActivity(intent);
						finish();
					}
				}).create();

	}

	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		if (keyCode == KeyEvent.KEYCODE_BACK) {
			if (dialog.isShowing()) {
				return true;
			} else {
				Intent intent = new Intent(UpdatePasswordActivity.this, HelpAboutActivity.class);
				intent.setAction("update_to_helpabout");
				startActivity(intent);
				finish();
			}
		}
		return super.onKeyDown(keyCode, event);
	}
}

主类是我从项目中抠出来的，关键部分用红色标记。

诗未冷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
代码中动态和布局文件中静态改变Edittext光标样式方法
u014620028的专栏
08-19 5465
代码中动态和布局文件中静态改变Edittext光标样式方法
注册界面密码的动态显示和隐藏
zzhjiang的博客
03-18 2103
注册界面，或者其他需要密码输入的界面，可以对EditText进行动态的设置显示或者是隐藏
动态设置EditText密码的显示和隐藏
a_sid的博客
10-30 471
if (isChecked) { // 显示密码 password_edit.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD); } else { // 隐藏密码 password_edit.setInputType(InputType.
动态显示隐藏EditText内的密码
mac090705的专栏
12-17 364
1.布局文件很简单，一个EditText，一个Button。 <EditText android:id="@+id/et_pwd" android:layout_width="fill_parent" android:layout_height="wrap_content" android:inputType="textPassword" /> <Button
密码隐藏
ydc0128的博客
06-07 152
1.在drawable文件夹下写xml文件&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;    &lt;!--&lt;item android:drawable="@drawable/icon_up&q
android代码密码隐藏,android 显示密码和隐藏密码
weixin_36293915的博客
05-26 1075
最近项目中有这样的一个需求，就是提供给用户显示密码和隐藏密码由于之前没有使用过，遂去寻找方案我们都知道EditText 控件有输入的属性这里设置类型比较多，我们可以选择，基本能满足日常开发使用，特殊需求的输入另说ok，说到这里，我们选择一种password类型:textPassword，默认密码是不可见。接下来就是在代码中实现显示和隐藏密码方案1、设置输入类型if (pwdIsVisible) {...
JS实现密码框的显示密码和隐藏密码功能示例
10-20
JavaScript作为一种客户端脚本语言，可以在用户浏览器上直接运行，提供了动态操作页面元素的能力，包括密码框的显示和隐藏功能。这里我们将详细讨论如何使用JavaScript实现这个功能，以及涉及到的相关技巧。 首先，...
Android实现动态显示或隐藏密码输入框的内容
09-04
然而，有时用户可能需要查看他们输入的确切字符，这时就需要实现动态显示或隐藏密码的功能。本文将详细介绍如何通过`setTransformationMethod()`方法实现这一功能。 首先，我们需要了解`EditText`的`...
Bootstrap显示隐藏密码输入代码
04-07
Bootstrap显示隐藏密码输入代码就是针对这个需求设计的一个功能，它允许用户在输入密码时选择是否显示明文，增加了用户体验的便捷性和安全性。 Bootstrap本身并不直接包含显示/隐藏密码的功能，但通过结合...
密码隐藏/显示的简单实现
热门推荐
qq_39056805的博客
05-15 1万+
先上效果图吧：实现原理：    原理很简单，就是通过对显示密码单选框选中状态的判断，使用Jquery（或者JS）动态改变密码输入框的type为password或者text。具体的其他样式可以再添加，但是代码是不变的。具体代码：&lt;h3&gt;登录 信息&lt;/h3&gt;     &lt;div&gt;         &lt;span&gt;密码(6-20位以字母开头只能包含字母、数字、下...
ImageView设置selector遇到的小问题及解决方案记录
我的专栏
10-24 4492
用两张图片做了个selector，使用ImageView的src或background使用selector点击时，总没出现点击效果，这是为什么呢？经常一番折腾后来才发现一个“秘密”。先不公开，大家 来看一看： 上面的例子，你们试试，使用时不会出现点击效果。 这个例子，会出现点击效果。 总结经验：de
点击按钮设置密码是否可见
程序猿成长之路
08-13 1513
mBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (!isHidden) { // 设置EditText文本为可见的
解决使用elementUI密码输入框自带属性show-password出现的问题
handsome_man__的博客
06-09 2941
前提：浏览器有缓存密码 场景：一个el-form里面有一个时间框el-date-picker和一个密码框el-input，密码框使用show-password 问题：当选择缓存密码时，同时有用户名和密码，会自动打开el-date-picker选择器，这只是举个例子，当然，如果密码框上个结构都有可能影响到 解决办法：用多个el-form包裹这些组件就行，el-form互不影响...
切换开关显示或隐藏密码
勿忘初心
04-28 421
html页面<form> <input type="password" placeholder="密码" id="pwd"/> </form><div id="div1" class="close1"> <div id="div2" class="close2"></div> </div>开关的css样式#div1{ width: 28px; height: 20px
android动态显示键盘,动态修改EditText输入键盘并隐藏或显示密码
weixin_39738667的博客
05-26 149
做登录或转账系统的人会碰到需要输入密码的情况，而且可能会要求有时明文显示，有时密文显示。如何通过代码来控制呢？下面的xml定义了一个输入框EditText，默认是系统键盘：android:id="@+id/inputview"style="@style/Style_Input"android:layout_width="fill_parent"android:layout_height="wrap...
backbone -点击隐藏事件
weixin_30270889的博客
04-01 74
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery.js" type="text/javascript"></...
WindowBuilder的DES文件加密系统实现
一个程序员的复习笔记
04-11 1176
WindowsBuilder基于DES简单文件加密系统Maybion原创： WindowsBuilder可能是每个JavaME的程序员都了解的一项简单的技术，它涵盖了一些原来的GEF+EMF编程技术所没有的条件，比如自己绘制外观的layout布局，目前，WindowsBuilder已经占领了大部分java的windows平台平面级应用开发，已经走向市场化。 就目前的市场前景来看，就业形式不容乐观，
ui-app密码框显示隐藏
最新发布
07-28
大多数 UI 库都提供了密码框组件，其中包含了显示/隐藏密码的功能。你可以根据所使用的库的文档来使用相应的组件。 以下是一个示例，使用 Vue.js 和 Element UI 库的密码框组件来实现密码的显示和隐藏： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值