温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Android中如何使用EditText自定义控件

发布时间:2021-06-28 17:42:22 来源:亿速云 阅读:119 作者:Leah 栏目:移动开发

这期内容当中小编将会给大家带来有关Android中如何使用EditText自定义控件,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

步骤

继承EditText
编写attrs.xml, 创建declare-styleable
编写MyEditText
布局中使用

实现

获取布局文件中设置的属性

这里返回的是一个TypedArray数组,获取之后就可以获得布局文件中设置的属性了

private void init(Context context, AttributeSet attrs) {
  TypedArray typedArray = context.getTheme().obtainStyledAttributes(
    attrs,
    R.styleable.MyEditText,
    0, 0);

  hintIcon = typedArray.getDrawable(R.styleable.MyEditText_hintIcon);
  toolIcon = typedArray.getDrawable(R.styleable.MyEditText_toolIcon);
  fixed = typedArray.getBoolean(R.styleable.MyEditText_fixed, true);

  if (toolIcon != null && fixed) {
   setHeight(toolIcon.getIntrinsicHeight());
  }

  setCompoundDrawablesWithIntrinsicBounds(hintIcon, null, null, null);

  setCompoundDrawablePadding(10);

  typedArray.recycle();

  onClickListenerWithEditTextToolIcon = new OnClickListenerWithEditTextToolIcon() {
   @Override
   public void onClick() {
    setText("");
   }
  };
 }

设置资源图片

EditText是继承自TextView,在TextView中存在两个方法

setCompoundDrawablesWithIntrinsicBounds(left, top, right, bottom)
setCompoundDrawables(left, top, right, bottom)

是设置资源图片的位置,第一个方法和第二个方法的区别在于第一个方法中资源图片的大小是由系统来获取图片固有的大小,第二个方法则是需要自己通过LayoutParams设置大小。

设置点击事件

我们通过setCompoundDrawables()等方法设置的图片,而由于在父类中并没有提供相关的图片点击处理接口,因此可以重写onTouchEvent()来实现相关的点击事件,只需要根据我们手指落点或抬起点的位置就可以判断手指是否点击了相关图片。在这里,我选择了手指抬起时处理

/**
  * Override the touchEvent to judge whether click toolIcon or hintIcon
  *
  * @param event motionEvent
  * @return super
  */
 @Override
 public boolean onTouchEvent(MotionEvent event) {

  if (event.getAction() == MotionEvent.ACTION_UP) {
   if (hintIcon != null) {
    if (event.getX() < hintIcon.getIntrinsicWidth()
      && event.getX() > 0) {
     if (getCompoundDrawables()[0] != null
       && onClickListenerWithEditTextHintIcon != null) {
      onClickListenerWithEditTextHintIcon.onClick();
     }
    }
   }

   if (toolIcon != null) {
    if (event.getX() > (getWidth()
      - toolIcon.getIntrinsicWidth())
      && event.getX() < getWidth()) {
     if (getCompoundDrawables()[2] != null ) {
      onClickListenerWithEditTextToolIcon.onClick();
     }
    }
   }
  }

  return super.onTouchEvent(event);
 }

/**
  * interface when click hintIcon
  */
 public interface OnClickListenerWithEditTextHintIcon {
  void onClick();
 }

 /**
  * interface when click toolIcon
  */
 public interface OnClickListenerWithEditTextToolIcon {
  void onClick();
 }

完整代码

package com.customwidget.lzqwidget.cuswidget;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.EditText;

import com.customwidget.lzqwidget.R;

/**
 * Custom widget of EditText with two icon.
 * Created by lizhongquan on 16-1-6.
 */
public class MyEditText extends EditText {

 private Drawable hintIcon = null;
 private Drawable toolIcon = null;

 /**
  * HintIcon clickListener
  */
 private OnClickListenerWithEditTextHintIcon onClickListenerWithEditTextHintIcon = null;

 /**
  * Default clear the EditText
  */
 private OnClickListenerWithEditTextToolIcon onClickListenerWithEditTextToolIcon = null;

 /**
  * Default fixed the Height
  */
 private boolean fixed = true;

 public MyEditText(Context context) {
  super(context);
 }

 public MyEditText(Context context, AttributeSet attrs) {
  super(context, attrs);
  init(context, attrs);
 }

 public MyEditText(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context, attrs);
 }

 private void init(Context context, AttributeSet attrs) {
  TypedArray typedArray = context.getTheme().obtainStyledAttributes(
    attrs,
    R.styleable.MyEditText,
    0, 0);

  hintIcon = typedArray.getDrawable(R.styleable.MyEditText_hintIcon);
  toolIcon = typedArray.getDrawable(R.styleable.MyEditText_toolIcon);
  fixed = typedArray.getBoolean(R.styleable.MyEditText_fixed, true);

  if (toolIcon != null && fixed) {
   setHeight(toolIcon.getIntrinsicHeight());
  }

  setCompoundDrawablesWithIntrinsicBounds(hintIcon, null, null, null);

  setCompoundDrawablePadding(10);

  typedArray.recycle();

  onClickListenerWithEditTextToolIcon = new OnClickListenerWithEditTextToolIcon() {
   @Override
   public void onClick() {
    setText("");
   }
  };
 }

 /**
  * Override the touchEvent to judge whether click toolIcon or hintIcon
  *
  * @param event motionEvent
  * @return super
  */
 @Override
 public boolean onTouchEvent(MotionEvent event) {

  if (event.getAction() == MotionEvent.ACTION_UP) {
   if (hintIcon != null) {
    if (event.getX() < hintIcon.getIntrinsicWidth()
      && event.getX() > 0) {
     if (getCompoundDrawables()[0] != null
       && onClickListenerWithEditTextHintIcon != null) {
      onClickListenerWithEditTextHintIcon.onClick();
     }
    }
   }

   if (toolIcon != null) {
    if (event.getX() > (getWidth()
      - toolIcon.getIntrinsicWidth())
      && event.getX() < getWidth()) {
     if (getCompoundDrawables()[2] != null ) {
      onClickListenerWithEditTextToolIcon.onClick();
     }
    }
   }
  }

  return super.onTouchEvent(event);
 }

 /**
  * the clickListener of click hintIcon
  *
  * @param clickListenerOfHintIcon OnClickListenerWithEditTextHintIcon
  */
 public void setOnClickListenerWithEditTextHintIcon(
   OnClickListenerWithEditTextHintIcon clickListenerOfHintIcon) {
  this.onClickListenerWithEditTextHintIcon = clickListenerOfHintIcon;
 }

 /**
  * the clickListener of click toolIcon
  *
  * @param clickListenerOfToolIcon OnClickListenerWithEditTextToolIcon
  */
 public void setOnClickListenerWithEditTextToolIcon(
   OnClickListenerWithEditTextToolIcon clickListenerOfToolIcon) {
  this.onClickListenerWithEditTextToolIcon = clickListenerOfToolIcon;
 }

 /**
  * onTextChange
  *
  * @param text   text
  * @param start  start
  * @param lengthBefore lengthBefore
  * @param lengthAfter lengthAfter
  */
 @Override
 protected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {
  super.onTextChanged(text, start, lengthBefore, lengthAfter);

  if (text.length() > 0 && getCompoundDrawables()[2] == null && toolIcon != null) {
//   hintIcon.setBounds(10, 0, 10, 0);
   setCompoundDrawablesWithIntrinsicBounds(hintIcon, null, toolIcon, null);
  }

  if (text.length() == 0 && getCompoundDrawables()[2] != null && toolIcon != null) {
   setCompoundDrawablesWithIntrinsicBounds(hintIcon, null, null, null);
  }
 }

 /**
  * interface when click hintIcon
  */
 public interface OnClickListenerWithEditTextHintIcon {
  void onClick();
 }

 /**
  * interface when click toolIcon
  */
 public interface OnClickListenerWithEditTextToolIcon {
  void onClick();
 }
}

attrs.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>

 <declare-styleable name="MyEditText">
  <attr name="hintIcon" format="integer" />
  <attr name="toolIcon" format="integer" />
  <attr name="fixed" format="boolean" />
 </declare-styleable>

</resources>

上述就是小编为大家分享的Android中如何使用EditText自定义控件了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI