Android自定义View仿微信LetterView效果

所属分类: 软件编程 / Android 阅读数: 21
收藏 0 赞 0 分享

废话不多说了,具体代码如下所示:

 public class LetterView extends View {
  private String TAG = LetterView.class.getSimpleName();
  //A,B,C....Z,#
  public List<String> letters;
  private Paint mPaint;
  private int selectPosition = -1;
  private TextView mLetter;
  public void setmLetter(TextView mLetter) {
    this.mLetter = mLetter;
  }
  public LetterView(Context context) {
    this(context,null);
  }
  public LetterView(Context context, AttributeSet attrs) {
    this(context, attrs,0);
  }
  public LetterView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //生产字母
    letters = new ArrayList<>();
    for (int i = 65; i < 91; i++) {
      letters.add(String.format(Locale.CHINA,"%c",i));
      Log.e(TAG, "LetterView: "+ String.format(Locale.CHINA,"%c",i));
    }
    letters.add("#");//追加一个#
    //初始化画笔
    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setColor(Color.BLUE);
    mPaint.setTextSize(30);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    /**
     * 获取View的宽度
     * 获取View的高度
     */
    int width = getMeasuredWidth();
    int height = getMeasuredHeight();
    //测量字的宽度
    int size = letters.size();
    for (int i = 0; i < size; i++) {
      float textWidth = mPaint.measureText(letters.get(i));
      int singleHeight = height / size;
      if (selectPosition == i){//被选中的
        mPaint.setColor(Color.RED);
      }else{
        mPaint.setColor(Color.BLUE);
      }
      canvas.drawText(letters.get(i),(width - textWidth)/2, singleHeight * (i + 1),mPaint);
      /**
       * drawText() x y \_ 为基准线
       */
    invalidate();
    }
  }
  /**
   * Android将触摸事件封装,包装了动作,位置信息;onClick也是一种motionEvent
   * onClick 事件 实际上是 onTouchEvent事件
   * @param event
   * @return
   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    //包装了动作,位置信息
//    event.getY();//相对于View本身的坐标值
//    event.getRawY();//返回的是相对于屏幕的坐标值
    float y = event.getY();
    Log.e(TAG, "onTouchEvent: Y:"+ y);
//    Log.e(TAG, "onTouchEvent: RawY:"+event.getRawY() );
    int measuredHeight = getMeasuredHeight();
    int singleHeight = measuredHeight / letters.size();
    int position = (int) (y / singleHeight);
    Log.e(TAG, "onTouchEvent: " + position );
    switch (event.getAction()) {
      case MotionEvent.ACTION_MOVE:
        Log.e(TAG, "onTouchEvent: ACTION_MOVE" );
      case MotionEvent.ACTION_DOWN:
        Log.e(TAG, "onTouchEvent: ACTION_DOWN" );
        selectPosition = position;
        if (mLetter != null) {
          mLetter.setVisibility(View.VISIBLE);
          //极限情况有可能下标越界,需要判断一下
          if (position < letters.size() && position >= 0){
            mLetter.setText(letters.get(position));
          }
        }
        break;
      case MotionEvent.ACTION_UP:
        Log.e(TAG, "onTouchEvent: ACTION_UP" );
        selectPosition = -1;
        if (mLetter != null) {
          mLetter.setVisibility(View.GONE);
        }
        break;
    }
    //返回true代表事件被处理了
    return true;
  }
}

更多精彩内容其他人还在看

Android实现悬浮窗体效果

这篇文章主要为大家详细介绍了Android实现悬浮窗体效果,显示悬浮窗口,窗口可以拖动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Andriod studio 打包aar 的方法

这篇文章主要介绍了Andriod studio 打包aar的方法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
收藏 0 赞 0 分享

Android加载loading对话框的功能及实例代码(不退出沉浸式效果)

这篇文章主要介绍了Android加载loading对话框的功能及实例代码,不退出沉浸式效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中LayoutInflater.inflater()的正确打开方式

这篇文章主要给大家介绍了关于Android中LayoutInflater.inflater()的正确打开方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Delphi在Android下使用Java库的方法

这篇文章主要介绍了Delphi在Android下使用Java库的方法,本文以Android的USB串口通讯库为例,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多