android中edittext设置密码格式,Android 自定义EditText（带清理、密码可见、不可见）...

最新推荐文章于 2021-05-27 15:11:32 发布
最新推荐文章于 2021-05-27 15:11:32 发布
阅读量647 收藏
点赞数
文章标签： android中edittext设置密码格式

实际开发中经常会遇到输入框，各种不同的需求，在一般情况下，清除内容，以及密码可见与不可见基本很常见，那么不废话直接上代码！

在res\values\attrs.xml中

.java

import android.animation.ObjectAnimator;

import android.animation.ValueAnimator;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Rect;

import android.graphics.RectF;

import android.os.Build;

import android.text.InputType;

import android.util.AttributeSet;

import android.util.Property;

import android.view.MotionEvent;

import android.view.animation.Animation;

import android.view.animation.CycleInterpolator;

import android.view.animation.TranslateAnimation;

import androidx.annotation.Nullable;

import androidx.appcompat.widget.AppCompatEditText;

import com.chaian.phone.imlibrary.R;

/**

* 自定义可带清除、密码显示不显示的输入框

*/

public class SeniorEditText extends AppCompatEditText {

/**

* 边框样式

*/

private static final String STYLE_RECT = "rectangle";//矩形

private static final String STYLE_ROUND_RECT = "roundRect";//圆角矩形

private static final String STYLE_HALF_RECT = "halfRect";//半矩形

private static final String STYLE_ANIMATOR = "animator";//动画特效

private static final int DEFAULT_ROUND_RADIUS = 20;//圆角矩形圆角度

private static final int ANIMATOR_TIME = 200;//动画时间

private static final int DEFAULT_FOCUSED_STROKE_WIDTH = 8;//获取到焦点的边框宽

private static final int DEFAULT_UNFOCUSED_STROKE_WIDTH = 4;//未获取焦点的边框宽

private static final int DEFAULT_STYLE_COLOR = Color.RED;//边框默认颜色

//按钮间隔

private int visible_res_padding = 0;

//按钮宽度

private int visible_res_width = 0;

//右内边距

private int mTextPaddingRight;

//需要显示的drawable 资源id

private int clear_res_id = 0;

private int visible_res_id = 0;

private int invisible_res_id = 0;

//需要显示的bitmap---通过drawable 资源id来

private Bitmap clear_bitmap;

private Bitmap visible_bitmap;

private Bitmap invisible_bitmap;

private String edit_border_style = "";

private int edit_border_color = -1;

//出现和消失动画

private ValueAnimator show_animator;

private ValueAnimator dismiss_animator;

//状态值

private boolean clear_image_isShow = false;

private boolean show_password_image_isShow = false;

private boolean dismiss_password_image_isShow = false;

private boolean isAnimatorRunning = false;

private int mAnimatorProgress = 0;

private ObjectAnimator mAnimator;

//自定义属性动画

private static final Property BORDER_PROGRESS

= new Property(Integer.class, "borderProgress") {

@Override

public Integer get(SeniorEditText seniorEditText) {

return seniorEditText.getBorderProgress();

}

@Override

public void set(SeniorEditText seniorEditText, Integer value) {

seniorEditText.setBorderProgress(value);

}

};

private Paint mPaint;

public SeniorEditText(Context context, @Nullable AttributeSet attrs) {

super(context, attrs);

init(context, attrs);

}

public SeniorEditText(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs);

}

private void init(Context context, AttributeSet attrs) {

//抗锯齿和位图滤波

mPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);

//读取xml文件中的配置

if (attrs != null) {

TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.SeniorEditText);

//获取清除图标资源

clear_res_id = array.getResourceId(R.styleable.SeniorEditText_clearDrawable, R.drawable.ic_content_clear);

//获取可见图标资源

visible_res_id = array.getResourceId(R.styleable.SeniorEditText_visibleDrawable, R.drawable.ic_content_visible);

//获取不可见图标资源

invisible_res_id = array.getResourceId(R.styleable.SeniorEditText_invisibleDrawable, R.drawable.ic_content_invisible);

//可见图标按钮默认宽

visible_res_width = array.getDimensionPixelSize(R.styleable.SeniorEditText_visibleDrawableWidth, dp2px(context,24));

//可见图标按钮默认内边距

visible_res_padding = array.getDimensionPixelSize(R.styleable.SeniorEditText_visibleDrawableSpacing, dp2px(context,5));

//输入框边框样式

edit_border_style = array.getString(R.styleable.SeniorEditText_editFrameStyle);

//输入框边框颜色

edit_border_color = array.getColor(R.styleable.SeniorEditText_editFrameColor, DEFAULT_STYLE_COLOR);

array.recycle();

}

//初始化按钮显示的Bitmap

clear_bitmap = createBitmap(context, clear_res_id, R.drawable.ic_content_clear);

visible_bitmap = createBitmap(context, visible_res_id, R.drawable.ic_content_visible);

invisible_bitmap = createBitmap(context, invisible_res_id, R.drawable.ic_content_invisible);

//如果自定义，则使用自定义的值，否则使用默认值

if (visible_res_padding == 0) {

visible_res_padding = dp2px(context,5);

}

if (visible_res_width == 0) {

visible_res_width = dp2px(context,24);

}

//给文字设置一个padding，避免文字和按钮重叠了

mTextPaddingRight = visible_res_padding * 4 + visible_res_width * 2;

//按钮出现和消失的动画

show_animator = ValueAnimator.ofFloat(1f, 0f).setDuration(ANIMATOR_TIME);

dismiss_animator = ValueAnimator.ofFloat(0f, 1f).setDuration(ANIMATOR_TIME);

//是否是密码样式

show_password_image_isShow = getInputType() == (InputType.TYPE_TEXT_VARIATION_PASSWORD | InputType.TYPE_CLASS_TEXT);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//设置右内边距, 防止清除按钮和文字重叠

setPadding(getPaddingLeft(), getPaddingTop(), mTextPaddingRight, getPaddingBottom());

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

mPaint.setStyle(Paint.Style.STROKE);

//使用自定义颜色。如未定义，则使用默认颜色

if (edit_border_color != -1) {

mPaint.setColor(edit_border_color);

} else {

mPaint.setColor(DEFAULT_STYLE_COLOR);

}

//控件获取焦点时，加粗边框

if (isFocused()) {

mPaint.setStrokeWidth(DEFAULT_FOCUSED_STROKE_WIDTH);

} else {

mPaint.setStrokeWidth(DEFAULT_UNFOCUSED_STROKE_WIDTH);

}

//绘制边框

drawBorder(canvas);

//绘制清空和明文显示按钮

drawButtons(canvas);

}

private void drawBorder(Canvas canvas) {

int width = getWidth();

int height = getHeight();

switch (edit_border_style) {

//矩形样式

case STYLE_RECT:

setBackground(null);

canvas.drawRect(0, 0, width, height, mPaint);

break;

//圆角矩形样式

case STYLE_ROUND_RECT:

setBackground(null);

float roundRectLineWidth = 0;

if (isFocused()) {

roundRectLineWidth = DEFAULT_FOCUSED_STROKE_WIDTH / 2;

} else {

roundRectLineWidth = DEFAULT_UNFOCUSED_STROKE_WIDTH / 2;

}

mPaint.setStrokeWidth(roundRectLineWidth);

if (Build.VERSION.SDK_INT >= 21) {

canvas.drawRoundRect(

roundRectLineWidth / 2, roundRectLineWidth / 2, width - roundRectLineWidth / 2, height - roundRectLineWidth / 2,

DEFAULT_ROUND_RADIUS, DEFAULT_ROUND_RADIUS,

mPaint);

} else {

canvas.drawRoundRect(

new RectF(roundRectLineWidth / 2, roundRectLineWidth / 2, width - roundRectLineWidth / 2, height - roundRectLineWidth / 2),

DEFAULT_ROUND_RADIUS, DEFAULT_ROUND_RADIUS,

mPaint);

}

break;

//半矩形样式

case STYLE_HALF_RECT:

setBackground(null);

canvas.drawLine(0, height, width, height, mPaint);

canvas.drawLine(0, height / 2, 0, height, mPaint);

canvas.drawLine(width, height / 2, width, height, mPaint);

break;

//动画特效样式

case STYLE_ANIMATOR:

setBackground(null);

if (isAnimatorRunning) {

canvas.drawLine(width / 2 - mAnimatorProgress, height, width / 2 + mAnimatorProgress, height, mPaint);

if (mAnimatorProgress == width / 2) {

isAnimatorRunning = false;

}

} else {

canvas.drawLine(0, height, width, height, mPaint);

}

break;

default:

break;

}

}

private void drawButtons(Canvas canvas) {

if (clear_image_isShow) {

//播放按钮出现的动画

if (dismiss_animator.isRunning()) {

float scale = (float) dismiss_animator.getAnimatedValue();

drawClearButton(scale, canvas);

if (show_password_image_isShow) {

drawVisibleButton(scale, canvas, dismiss_password_image_isShow);

}

invalidate();

//绘制静态的按钮

} else {

drawClearButton(1, canvas);

if (show_password_image_isShow) {

drawVisibleButton(1, canvas, dismiss_password_image_isShow);

}

}

} else {

//播放按钮消失的动画

if (show_animator.isRunning()) {

float scale = (float) show_animator.getAnimatedValue();

drawClearButton(scale, canvas);

if (show_password_image_isShow) {

drawVisibleButton(scale, canvas, dismiss_password_image_isShow);

}

invalidate();

}

}

}

private void drawClearButton(float scale, Canvas canvas) {

int right = (int) (getWidth() + getScrollX() - visible_res_padding - visible_res_width * (1f - scale) / 2f);

int left = (int) (getWidth() + getScrollX() - visible_res_padding - visible_res_width * (scale + (1f - scale) / 2f));

int top = (int) ((getHeight() - visible_res_width * scale) / 2);

int bottom = (int) (top + visible_res_width * scale);

Rect rect = new Rect(left, top, right, bottom);

canvas.drawBitmap(clear_bitmap, null, rect, mPaint);

}

private void drawVisibleButton(float scale, Canvas canvas, boolean isVisible) {

int right = (int) (getWidth() + getScrollX() - visible_res_padding * 3 - visible_res_width - visible_res_width * (1f - scale) / 2f);

int left = (int) (getWidth() + getScrollX() - visible_res_padding * 3 - visible_res_width - visible_res_width * (scale + (1f - scale) / 2f));

int top = (int) ((getHeight() - visible_res_width * scale) / 2);

int bottom = (int) (top + visible_res_width * scale);

Rect rect = new Rect(left, top, right, bottom);

if (isVisible) {

canvas.drawBitmap(visible_bitmap, null, rect, mPaint);

} else {

canvas.drawBitmap(invisible_bitmap, null, rect, mPaint);

}

}

// 清除按钮出现时的动画效果

private void startVisibleAnimator() {

endAllAnimator();

dismiss_animator.start();

invalidate();

}

// 清除按钮消失时的动画效果

private void startGoneAnimator() {

endAllAnimator();

show_animator.start();

invalidate();

}

// 结束所有动画

private void endAllAnimator() {

show_animator.end();

dismiss_animator.end();

}

@Override

protected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {

super.onFocusChanged(focused, direction, previouslyFocusedRect);

//播放按钮出现和消失动画

if (focused && getText().length() > 0) {

if (!clear_image_isShow) {

clear_image_isShow = true;

startVisibleAnimator();

}

} else {

if (clear_image_isShow) {

clear_image_isShow = false;

startGoneAnimator();

}

}

//实现动画特效样式

if (focused && edit_border_style.equals(STYLE_ANIMATOR)) {

isAnimatorRunning = true;

mAnimator = ObjectAnimator.ofInt(this, BORDER_PROGRESS, 0, getWidth() / 2);

mAnimator.setDuration(ANIMATOR_TIME);

mAnimator.start();

}

}

protected void setBorderProgress(int borderProgress) {

mAnimatorProgress = borderProgress;

postInvalidate();

}

protected int getBorderProgress() {

return mAnimatorProgress;

}

@Override

protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {

super.onTextChanged(text, start, lengthBefore, lengthAfter);

if (text.length() > 0 && isFocused()) {

if (!clear_image_isShow) {

clear_image_isShow = true;

startVisibleAnimator();

}

} else {

if (clear_image_isShow) {

clear_image_isShow = false;

startGoneAnimator();

}

}

}

@Override

public boolean onTouchEvent(MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_UP) {

boolean clearTouched =

(getWidth() - visible_res_padding - visible_res_width < event.getX())

&& (event.getX() < getWidth() - visible_res_padding)

&& isFocused();

boolean visibleTouched =

(getWidth() - visible_res_padding * 3 - visible_res_width * 2 < event.getX())

&& (event.getX() < getWidth() - visible_res_padding * 3 - visible_res_width)

&& show_password_image_isShow && isFocused();

if (clearTouched) {

setError(null);

setText("");

return true;

} else if (visibleTouched) {

if (dismiss_password_image_isShow) {

dismiss_password_image_isShow = false;

setInputType(InputType.TYPE_TEXT_VARIATION_PASSWORD | InputType.TYPE_CLASS_TEXT);

setSelection(getText().length());

invalidate();

} else {

dismiss_password_image_isShow = true;

setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);

setSelection(getText().length());

invalidate();

}

return true;

}

}

return super.onTouchEvent(event);

}

/**

* 开始晃动的入口

*/

public void startShakeAnimation() {

if (getAnimation() == null) {

setAnimation(shakeAnimation(4));

}

startAnimation(getAnimation());

}

/**

* 晃动动画

*

* @param counts 0.5秒钟晃动多少下

* @return

*/

private Animation shakeAnimation(int counts) {

Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0);

translateAnimation.setInterpolator(new CycleInterpolator(counts));

translateAnimation.setDuration(500);

return translateAnimation;

}

private Bitmap createBitmap(Context context, int resId, int defResId) {

if (resId != 0) {

return BitmapFactory.decodeResource(context.getResources(), resId);

} else {

return BitmapFactory.decodeResource(context.getResources(), defResId);

}

}

public int dp2px(Context context, float dpValue){

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,dpValue,context.getResources().getDisplayMetrics());

}

}

XML

android:inputType="textPassword"

app:clearDrawable="@drawable/ic_content_clear"

app:visibleDrawable="@drawable/ic_content_visible"

app:invisibleDrawable="@drawable/ic_content_invisible"

app:editFrameStyle="roundRect"

app:editFrameColor="#5D2BC5"

android:layout_marginTop="30dp"

android:layout_marginStart="20dp"

android:layout_marginEnd="20dp"

android:layout_width="match_parent"

android:layout_height="wrap_content" />

资源图标

7717cda9eb2a

ic_content_clear.png

7717cda9eb2a

ic_content_invisible.png

7717cda9eb2a

ic_content_visible.png

木木是个小尾巴
关注
android edittext清除功能,Android：带一键清除功能的EditText
weixin_31699893的博客
05-26 1698
作为一个前端应用开发者，下面这样的场景可以说是屡见不鲜了？20181218135459.png当然了，本文所要讲的重点不是如何做一个登录页面，而是输入框后面的那个清除按钮。你可能会说了，这有什么好讲的，在EditText后面加一个按钮就行了。没错，这样也可以实现想要的效果，但是如果一个页面有10个甚至更多的EditText，那就意味着你的布局会变得很臃肿，并且需要为每个EditText设置监听来控...
Android中EditText密码样式设置
06-30
Android设置EditText为密码样式，checkbox选中为显示密码，未选中为隐藏密码
android中用代码设置edittext属性为密码,Android中EditText常用属性设置
weixin_42526415的博客
05-26 1466
EditText继承关系：View–>TextView–>EditText常用属性如下：android:layout_gravity="center_vertical"//设置控件显示的位置：默认top，这里居中显示，还有bottomandroid:background="@android:drawable/edit_text"这个属性，就可以回到原来的2.3式的风格了。android...
Android EditText 密码隐藏或可见
杨迪龙的博客
06-21 1623
Android EditText 密码隐藏或可见问题解决完事 问题 很常见的需求，点击一个按钮，隐藏或可见输入密码。 解决 布局： <EditText android:id="@+id/edt_password" style="@style/Base.Widget.MaterialComponents.TextInputEditText" android:layout_wi...
自定义带删除按钮的EditText
钢铁烈阳--非花非雾
09-01 1415
在做这个小的控件的时候，其实我知道网上已经有很多了，但是还是想照自己的思路，亲手写下，功能很简单； 就是    （1）在EditText没有输入内容的时候隐藏删除按钮 （2 ）在输入内容的使用显示删除按钮 （3 ）在点击删除按钮的时候  ，如果是点击的话删除一个字符，如果是长按的话按照一定的速度一个一个删除，删除每一个字符以后光标必须在最后 看下效果图： 基本上就这几点，实现起来很简单
android中用代码设置edittext属性为密码,Android中设置EditText显示或隐藏密码
weixin_36255517的博客
05-26 643
有时候经常会用到, 当输入框里有文字的时候, 点击一下就可以删除, 就像下图一样. 有时候是点击后面的图(这里图不是很准确,)是要显示隐藏的密码 这里就有两个东西要了解, 一个就是watch editText的内容变化, 然后就是这是editText中密码文字可见.首先, 监听文字变化,loginNameEditText=(EditText)findViewById(R.id.loginN...
android搜索历史记录提示，在edittext输入框中输入，会在本地保存，下次输入会自动提示.zip
10-14
而如果选择使用EditText，我们需要实现一个自定义过滤器，根据输入的字符过滤历史记录，并将结果展示在一个ListView或RecyclerView中。 1. **数据存储**：搜索历史记录需要被本地存储，以便在应用启动或用户再次...
Android Studio忘记密码页面.rar
11-20
在Android应用开发中，创建一个安全且用户友好的忘记密码功能是至关重要的。这个功能允许用户在忘记他们的登录密码时，通过预设的密保问题或邮箱/手机号验证来重置密码，确保账户的安全性。这里我们将深入探讨如何在...
Android高级应用源码-带密码登陆的密码保险箱.zip
10-14
这个压缩包文件“Android高级应用源码-带密码登陆的密码保险箱.zip”提供了一个针对Android平台的高级应用示例，特别关注了安全登录功能，即一个带有密码保护的密码管理器。这样的应用通常用于存储用户的敏感信息，...
Android Studio EditText点击图标清除文本内容的实例解析
09-01
首先，我们需要创建一个新的自定义EditText类，让它继承自系统的EditText类。这样，我们就可以重写或扩展EditText的一些默认行为。在给定的代码示例中，创建了一个名为MyEditText的类，并实现了带有一个参数、两个...
styledtext
07-11
eclipse插件开发相关技术，styledtext实现关键字高亮显示
EditText 右边清除ioc
挂板：
06-25 851
实用性很高、仿照ios...
【EditText】EditText密码样式设置
天。朝程序猿的专栏
06-30 3626
demo: Android中EditText密码样式设置 package com.example.preferencescreen; import android.app.Activity; import android.os.Bundle; import android.text.method.HideReturnsTransformationMethod; import android.t
Android自定义EditText：一款简单实用的智能EditText(一键删除&自定义样式)
热门推荐
Carson带你学Android
08-15 2万+
前言 Android开发中，EditText的使用 非常常见 本文将带来一款 附带一键删除功能 & 自定义样式丰富的 SuperEditText控件的使用，希望你们会喜欢。 已在Github开源：Super_EditText，欢迎 Star ！ 目录1. 简介一款 自定义样式丰富 & 附带一键删除功能的 SuperEditText控件 已在Github开源：Super_Edit
android中edittext设置密码格式,Android中EditText显示明文与密码的两种方式
weixin_35943736的博客
05-26 1800
搜索热词效果图如下所述：布局xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:ori...
Android View自定义EditText实现矩形密码框
阿秋的Blog
01-21 754
本篇Blog记录自定义EditText实现矩形密码框 整体思路大致如下： 绘制边框 绘制分割线 绘制黑色圆形 输入监听处理 下面按照上述步骤依次进行，在此之前，先做好准备工作。 准备工作 在开工之前，我们需要先在attrs.xml中定义相关属性 <declare-styleable name="PasswordEditText"> <attr name="inputMaxNum" format="integer" /> <attr n.
android中用代码设置edittext属性为密码,android-设置EditText为密码样式
weixin_42188512的博客
05-26 402
package zhang.example;import android.app.Activity;import android.os.Bundle;import android.text.method.HideReturnsTransformationMethod;import android.text.method.PasswordTransformationMethod;import and...
android密码输入格式,Android自定义密码输入框和数字键盘
weixin_42121725的博客
05-27 871
实现了一个自定义的密码输入框和自定义数字键盘，用作用户支付密码设置界面。先上效果图如下，方格样式，以及点击空白处隐藏软键盘。控件实现清单：1)集成于EditText的输入框控件：PasswordInputView.java2)数字键盘工具类：NumKeyboardUtil.java3)xml文件：number.xml4)attrs样式5)layout文件具体内容：PasswordInputView...
android edittext 自定义样式,android – 使用appcompat v7自定义EditText样式
weixin_26782929的博客
05-26 320
我创建了一个扩展EditText的自定义视图,并指定了一个属性样式来更改背景色调颜色.public class CustomEditText extends EditText {public CustomEditText (Context context) {this(context, null);}public CustomEditText (Context context, Attribute...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值