android密码小眼睛,android 实现点击edittext的“小眼睛”切换明密文

妖狐艹你老母 2022-10-05 13:57 171阅读 0赞

很多时候，我们为了用户的隐私安全，需要在密码输入的时候，显示密文。为了更好的用户体验，我们给用户提供了可以切换明密文的小图标(小眼睛)

先来看一下效果图：

![4a65c9919873511964ca434dbad5d3ae.gif][]

这里我们可以有两种实现方式：

一、

布局文件：

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content">

android:id="@+id/editText"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:background="@drawable/et\_bg"

android:inputType="textPassword"

android:maxLength="10" />

android:id="@+id/imageView"

android:layout\_width="20dp"

android:layout\_height="20dp"

android:layout\_alignParentRight="true"

android:layout\_margin="10dp" />

activity中使用：

public class MainActivity extends AppCompatActivity implements View.OnClickListener \{

private EditText editText;

private ImageView imageView;

private boolean isHideFirst = true;// 输入框密码是否是隐藏的，默认为true

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

editText = (EditText) findViewById(R.id.editText);

imageView = (ImageView) findViewById(R.id.imageView);

imageView.setOnClickListener(this);

imageView.setImageResource(R.drawable.close);

@Override

public void onClick(View v) \{

switch (v.getId()) \{

case R.id.imageView:

if (isHideFirst == true) \{

imageView.setImageResource(R.drawable.open);

//密文

HideReturnsTransformationMethod method1 = HideReturnsTransformationMethod.getInstance();

editText.setTransformationMethod(method1);

isHideFirst = false;

\} else \{

imageView.setImageResource(R.drawable.close);

//密文

TransformationMethod method = PasswordTransformationMethod.getInstance();

editText.setTransformationMethod(method);

isHideFirst = true;

// 光标的位置

int index = editText.getText().toString().length();

editText.setSelection(index);

break;

\}二、

xml中：

android:layout\_marginTop="20dp"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content">

android:id="@+id/editText1"

android:layout\_width="match\_parent"

android:paddingRight="10dp"

android:layout\_height="wrap\_content"

android:inputType="textPassword"

android:background="@drawable/et\_bg"

android:maxLength="10"

android:drawableRight="@drawable/close" />

activity中使用：

public class MainActivity extends AppCompatActivity implements View.OnClickListener \{

private EditText editText1;

private boolean isHideFirst = true;// 输入框密码是否是隐藏的，默认为true

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

editText1 = (EditText) findViewById(R.id.editText1);

final Drawable\[\] drawables = editText1.getCompoundDrawables();

final int eyeWidth = drawables\[2\].getBounds().width();// 眼睛图标的宽度

final Drawable drawableEyeOpen = getResources().getDrawable(R.drawable.open);

drawableEyeOpen.setBounds(drawables\[2\].getBounds());//这一步不能省略

editText1.setOnTouchListener(new View.OnTouchListener() \{

@Override

public boolean onTouch(View v, MotionEvent event) \{

if (event.getAction() == MotionEvent.ACTION\_UP) \{

float et\_pwdMinX = v.getWidth() - eyeWidth - editText1.getPaddingRight();

float et\_pwdMaxX = v.getWidth();

float et\_pwdMinY = 0;

float et\_pwdMaxY = v.getHeight();

float x = event.getX();

float y = event.getY();

if (x < et\_pwdMaxX && x > et\_pwdMinX && y > et\_pwdMinY && y < et\_pwdMaxY) \{

// 点击了眼睛图标的位置

isHideFirst = !isHideFirst;

if (isHideFirst) \{

editText1.setCompoundDrawables(null,

null,

drawables\[2\], null);

editText1.setTransformationMethod(PasswordTransformationMethod.getInstance());

\} else \{

editText1.setCompoundDrawables(null, null,

drawableEyeOpen,

null);

editText1.setTransformationMethod(HideReturnsTransformationMethod.getInstance());

return false;

);

还有et\_bg.xml：

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:orientation="vertical">

android:width="8dp"

android:color="\#ffffff" />

android:bottom="5dp"

android:left="5dp"

android:right="5dp"

android:top="5dp" />

demo地址：

[4a65c9919873511964ca434dbad5d3ae.gif]: /images/20221005/a556674a7348432f822df3cb99087ab0.png

android密码小眼睛,android 实现点击edittext的“小眼睛”切换明密文

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关登录密码，眼睛效果，点击显示，点击隐藏

相关 Android 眼睛显示隐藏密码（ImageView）

相关利用js点击小眼睛图片实现转换明文暗码的效果

相关敏感数据脱敏点击眼睛后查看明文

相关蓝眼睛红眼睛_蓝眼睛技术

相关 android密码小眼睛,android 实现点击edittext的“小眼睛”切换明密文

相关欺骗你的小眼睛——Android 静默安装

相关小眼睛登录

相关 JavaScript实现密码框小眼睛按钮的显示与隐藏

相关 android 实现点击edittext的“小眼睛”切换明密文