带图标的EditText.doc

带图标的EditText 本文介绍实现一个左边带有图标的输入框；效果类似微博的登录时候的输入框，左边有图标，在没有输入任何文字的时候，是灰色的，有文字的时候就变成不是灰色的。 在布局中如果要使用一个自定义的输入框架，可以定义一个，然后在布局文件中引用，如下面的DrawableEditText。 接下来是自定义控件类的实现，从下面的代码可以看出，在上面设置的两个属性imgRes和nullImgRes是2个图片资源的id， 在完成布局的解析后，即onFinishInflate，给EditText通过addTextChangedListener设置一个TextWatcher来监听是否有文字的输入，然后通过setDrawable来设置不同的图标。public class DrawableEditText extends RelativeLayout private Context mContext;private EditText mEditText;private ImageView mImage;/ 文本框不为空 图片资源private int imgRes;/ 文本框为空 图片资源private int nullImgRes;public DrawableEditText(Context context, AttributeSet attrs) super(context, attrs);this.mContext = context;init();/ 得到图片资源imgRes = attrs.getAttributeResourceValue(null, imgRes, 0);nullImgRes = attrs.getAttributeResourceValue(null, nullImgRes, 0);if (nullImgRes != 0) setDrawable();/ 设置文字大小int textSize = attrs.getAttributeResourceValue(null, textSize, 0);if (textSize != 0) mEditText.setTextSize(textSize);/ 设置edittext的hint提示int hint = attrs.getAttributeResourceValue(null, hint, 0);if (hint != 0) mEditText.setHint(hint);/ 设置文本颜色int textColor = attrs.getAttributeResourceValue(null, textColor, 0);if (textColor != 0) mEditText.setTextColor(textColor);/ 初始化布局和控件public void init() LayoutInflater inflater = LayoutInflater.from(mContext);View view = inflater.inflate(R.layout.drawable_edittext, this);mEditText = (EditText) view.findViewById(R.id.edittext);mImage = (ImageView) view.findViewById(R.id.image);/ 根据文本框是否为空设置不同的图片private void setDrawable() if (mEditText.getText().toString().equals() mImage.setImageResource(nullImgRes); else mImage.setImageResource(imgRes);Overrideprotected void onFinishInflate() super.onFinishInflate();/ 文本框的text改变监听mEditText.addTextChangedListener(new TextWatcher() Overridepublic void onTextChanged(CharSequence s, int start, int before,int count) Overridepublic void beforeTextChanged(CharSequence s, int start, int count,int after) Overridepublic void afterTextChanged(Editable s) setDrawable(););/* * description 输入框是否有文字 * return */public boolean isEmpty() return getText() = null | getText().length() = 0 ? true : false;/* * description 获取输入框内的文字 * return */public String getText() return mEditText.getText().toString();/* * description 设置输入框内的文字 * retu