自定义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;
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值