package com.qyk.douban.widget; import android.content.Context;
import android.text.Editable;
import android.text.InputType;
import android.text.Selection;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.EditText;
import android.widget.TextView; public class EditTextPassWordVisiable extends ViewGroup implements OnClickListener { private TextView clearImage;
private EditText editText;
private boolean pswVisiable = false;
private int clearImageRightPading = 20; private int drawableVisiable,drawableUnVisiable; private TextWatcher textWatcher = new TextWatcher() { @Override
public void onTextChanged(CharSequence s, int start, int before, int count) { } @Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override
public void afterTextChanged(Editable s) {
// if (s.length() == 0) {
// clearImage.setVisibility(View.GONE);
// } else {
// clearImage.setVisibility(View.VISIBLE);
// }
}
}; public EditTextPassWordVisiable(Context context) {
super(context);
initViews();
} public EditTextPassWordVisiable(Context context, AttributeSet attrs) {
super(context, attrs);
initViews();
} public EditTextPassWordVisiable(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initViews();
} private void initViews() {
final Context mContext = getContext();
clearImage = new TextView(mContext);
clearImage.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
clearImage.setOnClickListener(this);
editText = new EditText(mContext);
editText.setLayoutParams(new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
editText.addTextChangedListener(textWatcher);
editText.setSingleLine(true);
addView(editText);
addView(clearImage);
requestLayout();
} /**
* 设置 清除图片 的资源
*
* @param drawableId
*/
public void setClearImageDrawableId(int drawableId) {
clearImage.setBackgroundResource(drawableId);
} /**
* 设置EditText的padding(如果调用了{@link #setEditTextBackGround(int)}
* 方法,其背景图片是.9图的话,必须要调用此方法)
*
* @param paddingLeft 左边的padding
* @param paddinTop 上边padding
* @param paddingRight 右边padding(这个padding是指文章到 清除图片的 padding)
* @param paddingBottom 下边padding
*/
public void setEditTextPadding(int paddingLeft, int paddinTop, int paddingRight, int paddingBottom) {
paddingRight += clearImageRightPading + clearImage.getBackground().getIntrinsicWidth();
editText.setPadding(paddingLeft, paddinTop, paddingRight, paddingBottom);
} /**
* 设置删除图片距离右边的距离
*
* @param clearImageRightPading
*/
public void setClearImageRightPadding(int clearImageRightPading) {
this.clearImageRightPading = clearImageRightPading;
requestLayout();
} /**
* 设置EditText的背景</br>Note</br>(1)调用了该方法之后,如果背景图是.9图的话,必须调用
* {@link #setEditTextPadding(int, int, int, int)}方法 </br>(2)此方法必须是调用了
* {@link #setClearImageDrawableId(int)}之后才能调用
*
* @param resid
*/
public void setEditTextBackGround(int resid) {
editText.setBackgroundResource(resid);
} public void setTextColor(int color) {
editText.setTextColor(color);
} public void setTextSize(int size) {
editText.setTextSize(size);
} @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec);
// int height = MeasureSpec.getSize(heightMeasureSpec);
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
if (i == 0) {
getChildAt(i).measure(MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
} else {
TextView secondView = (TextView) getChildAt(i);
secondView.measure(MeasureSpec.makeMeasureSpec(secondView.getBackground().getIntrinsicWidth(), MeasureSpec.UNSPECIFIED),
MeasureSpec.makeMeasureSpec(secondView.getBackground().getIntrinsicHeight(), MeasureSpec.UNSPECIFIED));
}
}
setMeasuredDimension(width, getChildAt(0).getMeasuredHeight());
} @Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
final EditText firstView = editText;
final View secondView = clearImage;
final int editTextWith = firstView.getMeasuredWidth();
final int imageViewWidth = secondView.getMeasuredWidth();
firstView.layout(0, 0, editTextWith, firstView.getMeasuredHeight());
final int top = (firstView.getMeasuredHeight() - secondView.getMeasuredHeight()) >> 1;
secondView.layout(editTextWith - imageViewWidth - clearImageRightPading, top, editTextWith - clearImageRightPading, top
+ secondView.getMeasuredHeight());
} @Override
public void onClick(View v) {
pswVisiable = !pswVisiable;
if (pswVisiable) {
setClearImageDrawableId(getDrawableVisiable());
editText.setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
Editable etable = editText.getText();
Selection.setSelection(etable, etable.length());
} else {
setClearImageDrawableId(getDrawableUnVisiable());
editText.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
//下面两行代码实现: 输入框光标一直在输入文本后面
Editable etable = editText.getText();
Selection.setSelection(etable, etable.length());
} } /**
* 获得密码可见图标
* @return
*/
public int getDrawableVisiable() {
return drawableVisiable;
} /**
* 获得密码不可见图标
* @return
*/
public int getDrawableUnVisiable() {
return drawableUnVisiable;
} /**
* 设置密码可见的图标
* @param drawableVisiable
*/
public void setDrawableVisiable(int drawableVisiable) {
this.drawableVisiable = drawableVisiable;
} /**
* 设置密码不可见的图标
* @param drawableUnVisiable
*/
public void setDrawableUnVisiable(int drawableUnVisiable) {
this.drawableUnVisiable = drawableUnVisiable;
}
}
                clearEditText.setDrawableVisiable(R.drawable.eye_open);//必须
clearEditText.setDrawableUnVisiable(R.drawable.eye_closed);//必须
clearEditText.setClearImageDrawableId(clearEditText.getDrawableUnVisiable());//设置默认情况的图标 // clearEditText.setEditTextBackGround(R.drawable.bg_tab_search_edit);
clearEditText.setEditTextPadding(30, 20, 20, 20);
clearEditText.setClearImageRightPadding(20);
clearEditText.setTextColor(R.color.colorPrimaryDark);

  

自定义 密码是否可见 的EditView 右侧带个小眼睛的更多相关文章

  1. 基于jQuery右侧带缩略图导航的焦点图

    今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件,这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表,并且可以定义任意数量的图片,你可以拖动列表来查看所有的图片,点击缩略图后,即可 ...

  2. 安装mysql的步骤并利用mysql原始密码修改自定义密码

    1.给刚下载好的mysql软件tar包,进行解包 命令:tar -xf mysql-5.7.26-1.el7.x86_64.rpm-bundle.tar 然后利用yum装包 命令:yum -y ins ...

  3. 【Azure Redis 缓存】由Azure Redis是否可以自定义密码而引申出Azure PaaS的Redis服务是否可以和自建的Redis进行主从配置呢?

    问题描述 在自建的Redis服务中,可以通过 config set requirepass <Password> 设置Redis的登录密码,然后使用auth 命令输入密码.操作命令如下: ...

  4. Chrome自带恐龙小游戏的源码研究(一)

    目录 Chrome自带恐龙小游戏的源码研究(一)——绘制地面 Chrome自带恐龙小游戏的源码研究(二)——绘制云朵 Chrome自带恐龙小游戏的源码研究(三)——昼夜交替 Chrome自带恐龙小游戏 ...

  5. IE9+浏览器input文本框/密码框后面的小叉子/小眼睛清除

    为了方便我们的触控操作,IE高等浏览器针对input及input type="password"分别提供了快速清除钮(X图标)以及密码文字显示钮(小眼睛图标)的功能. 由于这经常跟 ...

  6. ie9以上浏览器input文本框/密码框后面的小叉子/小眼睛问题

    找了很久不知什么属性控制的这个东西,经过群友的指点重要找到.

  7. 去除html页面中按钮在ios中的默认样式,去除select自带的小三角图标

    btn{-webkit-appearance: none;} -webkit-appearance: none也能去掉select下拉列表后面自带的小三角

  8. Chrome自带恐龙小游戏的源码研究(七)

    在上一篇<Chrome自带恐龙小游戏的源码研究(六)>中研究了恐龙的跳跃过程,这一篇研究恐龙与障碍物之间的碰撞检测. 碰撞盒子 游戏中采用的是矩形(非旋转矩形)碰撞.这类碰撞优点是计算比较 ...

  9. Chrome自带恐龙小游戏的源码研究(完)

    在上一篇<Chrome自带恐龙小游戏的源码研究(七)>中研究了恐龙与障碍物的碰撞检测,这一篇主要研究组成游戏的其它要素. 游戏分数记录 如图所示,分数及最高分记录显示在游戏界面的右上角,每 ...

随机推荐

  1. js 数组排序和算法排序

    1.算法排序 a.插入排序 var arr = [23,34,3,4,23,44,333,444]; var arrShow = (function insertionSort(array){ if( ...

  2. jquery简单插件到复杂插件(3)--顶部导航固定

    那个效果很多,比如hao123的头部 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...

  3. Json 入门例子 多行数组 【1】

    处理以上数据 <script type="text/javascript"> $(function () { $("#fm").click(func ...

  4. 复旦大学2014--2015学年第一学期(14级)高等代数I期末考试第七大题解答

    七.(本题10分)  设 \(V\) 为数域 \(\mathbb{K}\) 上的 \(n\) 维线性空间, \(S=\{v_1,v_2,\cdots,v_m\}\) 为 \(V\) 中的向量组, 定义 ...

  5. BZOJ 1976 能量魔方 Cube(最小割)

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1976 题意:给出一个n*n*n的立方体.每个小单位为字母P或者字母N.相邻两个小单位字母 ...

  6. Java中使用BASE64加密&解密

    package com.bao.tools.encryption; import java.io.IOException; import org.junit.Test; import sun.misc ...

  7. ios获取摄像头与相册图片

    iOS的一些设备上都安装了摄像头.现在绝大多数都有了. 在编程中,我们是用相应的东西来进行照相,录像等功能.   一.UIImagePickerController类 UIImagePickerCon ...

  8. Linux 在一个命令行上执行多个命令

    Linux 在一个命令行上执行多个命令 1. [ ; ] 如果被分号(;)所分隔的命令会连续的执行下去,就算是错误的命令也会继续执行后面的命令. 2. [ && ] 如果命令被 &am ...

  9. fzu 1015 土地划分(判断线段相交+求出交点+找规律)

    链接:http://acm.fzu.edu.cn/problem.php?pid=1015  Problem 1015 土地划分 Accept: 714    Submit: 1675Time Lim ...

  10. 自定义CSS博客(转)

    摘自:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 前  言 一个好的阅读体验,对技术博客来说,也许算是锦上添花.入 ...