Android自定义view实现输入控件

 更新时间:2018年05月08日 11:27:22   作者:Hello_GoodBey  
这篇文章主要为大家详细介绍了Android自定义view实现输入控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android自定义view实现输入控件的具体代码,供大家参考,具体内容如下

网络上大部分的输入控件都是多个EditText组合而成,本例中采用的是:

  • 单个EditText作为输入的捕捉控件
  • 多个ImageView的子类作为显示的控件,绘制EditText中的数据

如上图:

  • 输入前和输入后输入框需要发生响应的改变
  • 点击自定义控件要弹出软键盘
  • EditText数据捕捉,以及EditView不能操作(如果可以操作,数据处理会混乱)
  • 输完后会得到相应的提示
  • ImageView的子类可以设置宽高,字体大小颜色,以及两个View之间的间隔

那么代码走起:

首先是ImageView的子类TextImageView,onDraw的实现也很简单,就是判断text是否长度大于0,如果大于0则绘制文字,还有一些细节处理就是设置字体颜色,字体大写,获取字体的宽高

@Override
 protected void onDraw(Canvas canvas) {
    if (text.length() > 0) {
      if (isDrawSrc) {
        super.onDraw(canvas);
      }
      canvas.drawText(text, 0, text.length(), (getMeasuredWidth() - textWidth) / 2, (getMeasuredHeight() + dy) / 2, textPaint);
    } else {
      super.onDraw(canvas);
  }
}

其次PasswordView是一个自定义ViewGroup,引入了一个布局,布局中就是一个EditText(数据捕捉)和一个Linearlayout(代码添加TextImageView)。EditText的宽高是1dp和0dp(避免用户可以操作EditText);给Linearlayout设置divider属性(两个TextImageView的间隔)

PasswordView的核心代码如下:

- 代码控制EditView获取输入

public void requestEtFocus() {
    catchInput.setFocusable(true);
    catchInput.setFocusableInTouchMode(true);
    catchInput.setClickable(true);
    catchInput.requestFocus();
    showSoftKeyboard(catchInput);
    catchInput.setCursorVisible(false);
    catchInput.setSelection(catchInput.length());
}

// 动态添加TextImageView 
  for (int i = 0; i < passwordLength; i++) {
      TextImageView view = new TextImageView(context);
      view.setTextSize(textSize);
      view.setTextColor(textColor);
      content.addView(view);
      if (unInputBg != 0) {
        view.setBackgroundResource(unInputBg);// 设置未输入前的背景
      }
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams((int) itemWidth, (int) itemHeight);
      if (i == 0) {
        params.setMargins((int) dpToPixel(1), 0, 0, 0);
      }
      if (i == passwordLength - 1) {
        params.setMargins(0, 0, (int) dpToPixel(1), 0);
      }
      view.setLayoutParams(params);
      views[i] = view;
      // 分割字体,给TextIamgeView绘制文字
      if (text != null && i < text.length()) {
        setItemText(text.subSequence(i, i + 1));
      }
    }
    // 输入监听
    catchInput.addTextChangedListener(new TextWatcher() {
      @Override
      public void beforeTextChanged(CharSequence s, int start, int count, int after) {

      }

      @Override
      public void onTextChanged(CharSequence s, int start, int before, int count) {
        if (s.length() > 0) {
          // index:成员变量;保存当前的输入了几个字符
          if (index > s.length()) {
            removeItemText();// 删除
          } else {
            setText(s);
            if (s.length() == passwordLength) {
              if (listener != null) {
                // 输入完成回调
                listener.onInputCodeEnd(s);
              }
            }
          }
        } else if (s.length() == 0 && index > 0) {
          removeItemText();
        }
      }

   @Override
   public void afterTextChanged(Editable s) {

  }
});

实现比较简单,大多都是一些细节处理,具体看源码:PasswordView

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android仿百度外卖自定义下拉刷新效果

    Android仿百度外卖自定义下拉刷新效果

    大家在使用百度外卖的订餐的时候,会看到有个下拉刷新功能非常不错,今天小编就通过代码给大家介绍android仿百度外卖自定义下拉刷新,感兴趣的朋友一起学习吧
    2016-04-04
  • Android程序开发之防止密码输入错误 密码明文显示功能

    Android程序开发之防止密码输入错误 密码明文显示功能

    在使用App的时候,首次登录都需要用户输入密码的,有些朋友为了安全起见密码设置的比较长,导致很多次密码都输入错误,严重影响了用户体验效果,下面通过本文给大家介绍Android程序开发之防止密码输入错误 密码明文显示功能,需要的朋友参考下
    2016-02-02
  • Flutter Future异步操作详细讲解

    Flutter Future异步操作详细讲解

    这篇文章主要介绍了Flutter Future异步操作,future是Future类的对象,其表示一个T类型的异步操作结果。如果异步操作不需要结果,则future的类型可为Future
    2023-03-03
  • Android利用反射机制调用截屏方法和获取屏幕宽高的方法

    Android利用反射机制调用截屏方法和获取屏幕宽高的方法

    这篇文章主要介绍了Android利用反射机制调用截屏方法和获取屏幕宽高的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • android中Bitmap的放大和缩小实例代码

    android中Bitmap的放大和缩小实例代码

    Bitmap放大或缩小:长和宽放大缩小的比例具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-06-06
  • Android实现广告图片轮播效果

    Android实现广告图片轮播效果

    这篇文章主要为大家详细介绍了Android实现广告图片轮播效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Android 自定义Dialog 实例

    Android 自定义Dialog 实例

    本篇文章主要介绍Android自定义Dialog,在Android开发中,出于美观系统自带的Dialog一般都会被重新,这里给大家写个小实例,大家可以参考下
    2016-07-07
  • android实现快递跟踪进度条

    android实现快递跟踪进度条

    这篇文章主要为大家详细介绍了android实现快递跟踪进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android中监听判断网络连接状态的方法

    Android中监听判断网络连接状态的方法

    这篇文章主要介绍了Android中监听判断网络连接状态的方法,介绍了是否有网络连接判断、连接的类型和监听网络状态的方法,需要的朋友可以参考下
    2014-06-06
  • android自定义开关控件-SlideSwitch的实例

    android自定义开关控件-SlideSwitch的实例

    本篇文章主要介绍了android自定义开关控件-SlideSwitch的实例,实现了手机控件开关的功能,感兴趣的小伙伴们可以参考一下。
    2016-11-11

最新评论