Android自定义View仿微信LetterView效果

废话不多说了，具体代码如下所示：

 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 # 自定义view # Android编程自定义title bar(标题栏)示例 # Android自定义TitleView标题开发实例 # Android使用setCustomTitle()方法自定义对话框标题 # Android中自定义Window Title样式实例 # Android编程自定义Dialog的方法分析 # Android编程自定义圆角半透明Dialog的方法 # android自定义View滑动删除效果 # Android自定义TabLayout效果 # Android自定义手机界面状态栏实例代码 # Android实现自定义圆角对话框Dialog的示例代码 # Android动态自定义圆形进度条 # Android编程实现自定义title功能示例 # 相对于 # 装了 # 的是 # 有可能 # 说了 # 不多 # 坐标值 # 所示 # AttributeSet # null # attrs # defStyleAttr # context # mLetter # ArrayList # void

返回目录在线咨询

上一篇：网站制作平台建设方案,什么模式是美国行政学会提出的电子政务实施模式，它以网站建设为中心？
下一篇：使用不限建站数空间搭建多个网站，会影响网站的SEO排名吗？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android自定义View仿微信LetterView效果

您的项目需求