自定义View系列(一)基本概念

一直对于自定义view没有进行深入研究过,最近抽空开始整理整理自定义view相关的知识,以便可以有个系统的深入的认识,也希望能够给初学者一点启示。

本篇主要介绍自定义view中一些相关API以及相关知识点。

初识Canvas和Paint

  • Paint,画笔类。
    常用API如下:

    //设置画笔的颜色
    mPaint.setColor(int color);
    //设置填充风格,Paint.Style.FILL(仅填充),Paint.Style.STROKE(仅描边),Paint.Style.FILL_AND_STROKE(同时描边和填充)
    mPaint.setStyle();
    //设置描边宽度
    mPaint.setStrokeWidth() 
    //设置字体大小
    mPaint.setTextSize();
    //重置画笔
    mPaint.reset();
    //设置滤镜
    mPaint.setColorFilter();
    //设置混合模式
    mPaint.setXfermode();
  • Canvas ,画布类。
    常用API如下:

    //绘制矩形
    canvas.drawRect();
    //绘制圆
    canvas.drawCircle();
    //给画布填充颜色
    canvas.drawColor();
    //绘制扇形,弧
    canvas.drawArc();
    //绘制椭圆
    canvas.drawOval();
    //绘制圆角矩形
    canvas.drawRoundRect();
    //绘制线条
    canvas.drawLine();
    //绘制bitmap
    canvas.drawBitmap();
    //绘制点
    canvas.drawPoint();
    //绘制路径
    canvas.drawPath();
    //画文字
    canvas.drawText();
    
    //保存画布状态
    canvas.save();
    //旋转画布
    canvas.rotate();
    //平移画布
    canvas.translate();
    //裁切画布
    canvas.clipRect()
    //恢复画布状态
    canvas.restore();

    API还是挺多的,但也比较清晰。

自定义View流程

流程一般如下,但由于实际需求不同,并不是每个步骤都需要重写。
1. 编写自定义属性
2. 在构造函数中获取自定义属性
3. 在onMeasure中测量宽高,如有需要务必考虑支持padding属性和wrap_content,margin不用管,它是由父布局控制的。
4. 重写onDraw来进行绘制,以达到我们所需要的效果。

自定义ViewGroup流程

流程一般如下,但由于实际需求不同,并不是每个步骤都需要重写。
1. 编写自定义属性
2. 在构造函数中获取自定义属性
3. 在onMeasure中测量宽高,并测量子view宽高。
4. 重写onLayout来对子View进行布局。
5. 如有需要重写onDraw来进行添加效果,绝大多数并不需要。

invalidate,postInvalidate和requestLayout之间的区别

  • invalidate和postInvalidate的区别在于,invalidate只能在UI线程中调用,而postInvalidate可以在线程中调用。
    invalidate不能直接在线程中调用,因为他是违背了单线程模型:Android UI操作并不是线程安全的,并且这些操作必须在UI线程中调用。鉴于此,如果在子线程中想刷新界面,需要配合handler来调用invalidate的刷新,这样就比较繁琐。所以,在子线程中调用postInvalidate比较方便。postInvalidate里面会封装一个Message后利用Handler提交到MessageQueue中,由UI线程的Looper从MessageQueue中一一取出进行处理,处理完之后才会进行下一次处理。
  public void postInvalidate() {
        postInvalidateDelayed(0);
    }

  public void postInvalidateDelayed(long delayMilliseconds) {
        final AttachInfo attachInfo = mAttachInfo;
        if (attachInfo != null) {
            attachInfo.mViewRootImpl.dispatchInvalidateDelayed(this, delayMilliseconds);
        }
    }
  public void dispatchInvalidateDelayed(View view, long delayMilliseconds) {
        Message msg = mHandler.obtainMessage(MSG_INVALIDATE, view);
        mHandler.sendMessageDelayed(msg, delayMilliseconds);//这里使用了Handler进行处理
    }
  • invalidate和requestLayout的区别在于,invalidate只刷新draw相关的部分(dispatchDraw,draw,onDraw),requestLayout会刷新measure(measure,onMeasure),layout(layout,onLayout),draw(dispatchDraw,draw,onDraw)相关部分,不仅可以刷新view,还能要求父布局对其重新布局。
    当一个view调用requestLayout的时候,会给当前的View设置一个FORCE_LAYOUT标记。由此向ViewParent请求布局。这样从这个view开始向上,最终到达ViewRootImpl。然后ViewRootImpl由上往下根据标记位重新布局。
    当view确定自身已经不再适合现有的区域时,该view本身调用这个方法要求parent(父类的视图)重新调用他的onMeasure onLayout来重新设置自己位置。特别是当view的layoutparameter发生改变,并且它的值还没能应用到view上时,这时候适合调用这个方法。

ViewConfiguration

    //根据设备dpi获取一个最小滑动距离,即大于这个值才判定为滑动
    int touchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
    //获取达到长按所需要的时间,小于这个时间算单击
    int longPressTimeout=ViewConfiguration.getLongPressTimeout();
    //获取系统默认的双击间隔时间的最大时间,大于这个时间不算做双击,算两次单击
    int doubleTapTimeout=ViewConfiguration.getDoubleTapTimeout();
    //获取触摸的边缘最大距离,小于这个距离算作触摸边缘
    int edgeSlop=ViewConfiguration.get(getContext()).getScaledEdgeSlop()
   //获取惯性滑动速度的最小值(1000ms)
   int minimumFlingVelocity = viewConfiguration.getScaledMinimumFlingVelocity();
   //获取惯性滑动速度的最大值(1000ms)
   int maximumFlingVelocity = viewConfiguration.getScaledMaximumFlingVelocity();

VelocityTracker (速度追踪器)

/**
 * 给事件添加速度追踪器
 */
 private void acquireVelocityTracker(MotionEvent event) {
        if(null == mVelocityTracker) {
            mVelocityTracker = VelocityTracker.obtain();
        }
        mVelocityTracker.addMovement(event);
    }
 /**
 * 释放速度追踪器
 */ 
 private void releaseVelocityTracker() {
        if(null != mVelocityTracker) {
            mVelocityTracker.clear();
            mVelocityTracker.recycle();
            mVelocityTracker = null;
        }
    }
  /**
     * 计算在x,y方向上滑过的速度
     */
private int[] computeVelocityTracker() {
        int[] in=new int[2];
        // 计算按照当前速度1000ms内,可以滑过的像素。
        mVelocityTracker.computeCurrentVelocity(1000);
        // 获取在1000ms内X方向所滑动像素值  
        int xVelocity = (int) mVelocityTracker.getXVelocity();
        // 获取在1000ms内Y方向所滑动像素值  
        int yVelocity = (int) mVelocityTracker.getYVelocity();
        in[0]=xVelocity;
        in[1]=yVelocity;
        return in;
}

GestureDetector

初始化监听手势

        GestureDetector  mGestureDetector=new GestureDetector(MainActivity.this, new GestureDetector.OnGestureListener() {
            //滑动标准:MotionEvent.ACTION_MOVE的滑动距离大于设备的最小滑动距离就会判定为滑动,参照ViewConfiguration

            @Override
            public boolean onDown(MotionEvent e) {
                //触发条件为MotionEvent执行 MotionEvent.ACTION_DOWN,任何时候都会执行
                Log.d(TAG,"--onDown"+e.getAction());
                return false;
            }

            @Override
            public void onShowPress(MotionEvent e) {
                //触发条件为MotionEvent执行MotionEvent.ACTION_DOWN,但未达到滑动标准或MotionEvent.ACTION_UP
                Log.d(TAG,"--onShowPress"+e.getAction());
            }

            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                //触发条件为MotionEvent执行MotionEvent.ACTION_UP,,且按下的时间小于长按时间标准且未达到滑动标准,则执行这个,注意onSingleTapUp和onLongPress只执行一个
               Log.d(TAG,"--onSingleTapUp"+e.getAction());
                return false;
            }
            @Override
            public void onLongPress(MotionEvent e) {
                //触发条件为MotionEvent执行MotionEvent.ACTION_DOWN,且按下的时间达到了长按时间标准,参照ViewConfiguration,注意onSingleTapUp和onLongPress只执行一个
                Log.d(TAG,"--onLongPress"+e.getAction());
            }

            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                //触发条件为MotionEvent执行 MotionEvent.ACTION_DOWN,且在达到长按标准前达到滑动标准,如果达到长按标准只执行onLongPress,如果达到滑动标准则不会在执行onLongPress
                //e1表示MotionEvent.ACTION_DOWN时的事件
                //e2表示MotionEvent.ACTION_MOVE时的事件
                //distanceX表示两次X轴滑动的距离差
                //distanceY表示两次Y轴滑动的距离差
                Log.d(TAG,"--onScroll"+e1.getAction()+"/"+e2.getAction()+"   "+distanceX+"/"+distanceY);
                return false;
            }



            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                //触发条件为MotionEvent执行 MotionEvent.ACTION_DOWN,且在达到长按时间标准前达到滑动标准后又达到了惯性滑动标准,参照ViewConfiguration
                //执行onFling之前一定会执行onScroll,因为只有达到滑动标准后才会进行计算速度
                //e1表示MotionEvent.ACTION_DOWN时的事件
                //e2表示MotionEvent.ACTION_UP时的事件
                //velocityX表示X轴滑动的速度(1000ms)
                //velocityX表示Y轴滑动的速度(1000ms)
                Log.d(TAG,"--onFling"+e1.getAction()+"/"+e2.getAction()+"   "+velocityX+"/"+velocityY);
                return false;
            }
        });

设置监听

   @Override
   public boolean onTouchEvent(MotionEvent event) {
        return mGestureDetector.onTouchEvent(event);
    }


 view.setOnTouchListener(new OnTouchListener() {            
   @Override  
   public boolean onTouch(View view, MotionEvent event) {  
          return mGestureDetector.onTouchEvent(event);  
      }  
});  
发布了30 篇原创文章 · 获赞 287 · 访问量 43万+

猜你喜欢

转载自blog.csdn.net/maplejaw_/article/details/51324624