自定义EditText输入框

转载地址：http ://blog.csdn.net/lyfzxf/article/details/53513502

很喜欢简书App的登陆框风格。

自定义ImgEditText 继承与EditText。主要重写部分方法即可。

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.MotionEvent;public class ImgEditText extends android.support.v7.widget.AppCompatEditText  implements TextWatcher {//控件左边的图片private Drawable leftDrawable = null;//控件右边的图片private Drawable rightDrawable = null;// 控件是否有焦点private boolean hasFoucs;private IMyRightDrawableClick mightDrawableClick;public ImgEditText(Context context) {this(context, null);}public ImgEditText(Context context, AttributeSet attrs) {//这里构造方法也很重要，不加这个很多属性不能再XML里面定义this(context, attrs, android.R.attr.editTextStyle);}public ImgEditText(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}//初始化基本图片private void init() {//获取RadioButton的图片集合Drawable[] drawables = getCompoundDrawables();leftDrawable = drawables[0];rightDrawable = drawables[2];setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, null, null);//设置输入框里面内容发生改变的监听addTextChangedListener(this);}//设置显示图片的大小public void setCompoundDrawablesWithIntrinsicBounds(Drawable left, Drawable top, Drawable right, Drawable bottom) {super.setCompoundDrawablesWithIntrinsicBounds(left, top, right, bottom);//这里只要改后面两个参数就好了，一个宽一个是高，如果想知道为什么可以查找源码if (left != null) {left.setBounds(0, 0, 50, 50);}if (right != null) {right.setBounds(0, 0, 50, 50);}if (top != null) {top.setBounds(0, 0, 100, 100);}if (bottom != null) {bottom.setBounds(0, 0, 100, 100);}setCompoundDrawables(left, top, right, bottom);}//光标选中时判断@Overrideprotected void onFocusChanged(boolean focused, int direction, Rect previouslyFocusedRect) {super.onFocusChanged(focused, direction, previouslyFocusedRect);this.hasFoucs = focused;if (focused) {setImageVisible(getText().length() > 0);} else {setImageVisible(false);}}//设置清除图标的显示与隐藏，调用setCompoundDrawables为EditText绘制上去protected void setImageVisible(boolean flag) {//如果当前右侧有图片则覆盖右侧的图片，如果没有还是显示原来的图片if (getCompoundDrawables()[2] != null) {rightDrawable = getCompoundDrawables()[2];}if (flag) {setCompoundDrawables(getCompoundDrawables()[0], null, rightDrawable, null);} else {setCompoundDrawables(getCompoundDrawables()[0], null, null, null);}}//文本框监听事件@Overridepublic void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {if (hasFoucs) {if (text.length() > 0) {setImageVisible(true);} else {setImageVisible(false);}}}public void beforeTextChanged(CharSequence s, int start, int count, int after) {}public void afterTextChanged(Editable s) {}/*** 因为我们不能直接给EditText设置点击事件，所以我们用记住我们按下的位置来模拟点击事件* 当我们按下的位置 在  EditText的宽度 - 图标到控件右边的间距 - 图标的宽度  和* EditText的宽度 - 图标到控件右边的间距之间我们就算点击了图标，竖直方向就没有考虑* （参考 http://blog.csdn.net/xiaanming/article/details/11066685/）*/@Overridepublic boolean onTouchEvent(MotionEvent event) {if (event.getAction() == MotionEvent.ACTION_UP) {if (getCompoundDrawables()[2] != null) {boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight())&& (event.getX() < ((getWidth() - getPaddingRight())));if (touchable) {//调用点击事件（外部实现）mightDrawableClick.rightDrawableClick();}}}return super.onTouchEvent(event);}//设置右侧按钮的点击事件，外部调用的时候实现该方法public void setDrawableClick( IMyRightDrawableClick myMightDrawableClick){this.mightDrawableClick = myMightDrawableClick;}//自定义接口（实现右边图片点击事件）public interface IMyRightDrawableClick {void rightDrawableClick();}//允许外部修改右侧显示的图片public void setRightDrawable(Drawable drawable){rightDrawable = drawable;setCompoundDrawablesWithIntrinsicBounds(leftDrawable, null, rightDrawable, null);}}

以上就是自定义类的主要代码了，注释比较清楚。

布局布局文件里直接引用就好。

<TableRow><com.sdwfvc.exiaobang.view.ImgEditTextandroid:id="@+id/et_login_password"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_marginBottom="10dp"android:layout_marginTop="10dp"android:layout_weight="1"android:background="@null"android:drawableLeft="@mipmap/mm_image"android:drawablePadding="15dp"android:drawableRight="@mipmap/eye_normal"android:hint="密码"android:inputType="textPassword"android:maxLength="16"android:paddingLeft="15dp"android:paddingRight="15dp"android:paddingTop="5dp"/></TableRow>

下面看代码中的设置

mEt_login_password = (ImgEditText) findViewById(R.id.et_login_password);
//登录文本框drawableRight的点击事件
mEt_login_password.setDrawableClick(this);
//登录文本框DrawableRight的点击事件
@Override
public void rightDrawableClick() {if (isHidden) {//设置EditText文本为可见的mEt_login_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance());mEt_login_password.setRightDrawable(getResources().getDrawable(R.mipmap.eye_selected));} else {//设置EditText文本为隐藏的mEt_login_password.setTransformationMethod(PasswordTransformationMethod.getInstance());mEt_login_password.setRightDrawable(getResources().getDrawable(R.mipmap.eye_normal));}isHidden = !isHidden;mEt_login_password.postInvalidate();//切换后将EditText光标置于末尾CharSequence charSequence = mEt_login_password.getText();if (charSequence instanceof Spannable) {Spannable spanText = (Spannable) charSequence;Selection.setSelection(spanText, charSequence.length());}
}

这样我们的例子就完成了。

不懂的可以下载看源码，很简单。

源码下载

自定义EditText输入框相关推荐

自定义自带下划线的EditText输入框
先看看效果图片中间就是实现的输入框样式了,输入框的个数,每个输入框之间的间距,输入文字和底部线条的颜色都可以动态改变,接下来就是撸代码的时刻了 1.现在values文件夹下创建attrs.xml , ...
Android 应用开发（41）---EditText(输入框)详解
EditText(输入框)详解 1.设置默认提示文本如下图,相信你对于这种用户登录的界面并不陌生,是吧,我们很多时候都用的这种界面相比另外这种,下面这种又如何? 还不赖是吧,当然,不会在这里贴布局 ...
2.3.2 EditText(输入框)详解
本节引言: 上一节中我们学习了第一个 UI控件TextView(文本框),文中给出了很多实际开发中可能遇到的一些需求的解决方法,应该会为你的开发带来便利,在本节中,我们来学习第二个很常用的控件Edi ...
android 自定义本地验证码demo,Android 自定义验证码输入框的实例代码(支持粘贴连续性)...
需求 1.能自定义输入框个数和样式 2.支持长按粘贴或剪切板内容自动填充(粘贴连续性) 其中第2点是最为重要的,正是其他人没有这点,逼得自己弄一个示例别人的示例: 粘贴居然不支持连续性,只能粘贴第 ...
Android自定义九宫格输入框
效果实现绘制宫格分割线这里我们用一个RectF类型的数组来装载数据.在onSizeChanged方法中获取到控件尺寸,经过计算,将81个位置合适的矩形保存到数组中. 绘制点击效果在onTouc ...
Android之自定义EditText光标和下划线颜色
最近在写些小Demo复习基础,在用到EditText的时候突然发现之前几乎没有注意到它的光标和下划线的颜色,于是花了不少时间,看了不少博客,现在就来总结和分享一下收获. 1.第一印象:原生的EditT ...
【Android 常见控件使用】EditText(输入框)
文章目录 EditText(输入框) 本节引言 1.设置默认提示文本 2.获得焦点后全选组件内所有文本内容 3.限制EditText输入类型 4.设置最小行,最多行,单行,多行,自动换行 5.设置文字 ...
RecyclerView中adapter列表里有EditText输入框问题(使用不复用方法解决)
RecyclerView中adapter列表里有EditText输入框问题(使用不复用方法解决) 参考文章: (1)RecyclerView中adapter列表里有EditText输入框问题(使用不复 ...
Android学习小Demo（11）一个显示行线的自定义EditText
今天在处理一个EditText的时候,想着把EditText做成像一本作业本上的纸一样,每一行都可以由线条隔开,具体效果如下: 1)最开始的思路一开始的想法是很简单的,找出每一行的高度,然后一行一行 ...

自定义EditText输入框

自定义EditText输入框相关推荐

最新文章

热门文章