自定义View基础一

作者: 大校啊 | 来源:发表于2017-11-21 19:55 被阅读0次

    不废话,直接上干货。。。
    在自定义View的时候,我们通常会去重写onDraw()方法来绘制View的显示内容。如果该View还需要使用wrap_content属性,那么还必须重写onMeasure()方法(因为View类默认的onMeasure()方法只支持EXACTLY模式,具体内容就不赘述了)
    下面以一个TextView为例,原生的TextView使用onDraw()方法绘制要显示的文字,当继承了系统的TextView之后,如果不重写onDraw()方法,则不会修改TextView的任何效果。代码如下图所示:

    @Override
        protected void onDraw(Canvas canvas) {
          super.onDraw(canvas);
      }
    

    程序调用super.onDraw()方法之前和之后,我们都可以实现自己的逻辑,分别在系统绘制文字前后完成自己的操作。

    @Override
        protected void onDraw(Canvas canvas) {
        //在回掉父类方法前,实现逻辑操作,对TextView来说是绘制文本之前
          super.onDraw(canvas);
        //在回掉父类方法后,实现逻辑操作,对TextView来说是绘制文本之后
      }
    

    以上是通过改变控件绘制行为来自定义View的思路
    代码示例:
    自定义TextView继承TextView

     @Override
        protected void onDraw(Canvas canvas) {
            Paint paint = new Paint();
            paint.setColor(getResources().getColor(R.color.colorAccent));
            paint.setStyle(Paint.Style.FILL);
            Paint paint1 = new Paint();
            paint1.setColor(getResources().getColor(R.color.colorPrimaryDark));
            paint.setStyle(Paint.Style.FILL);
            //绘制一个TextView外层的矩形边框
            canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),paint);
            canvas.drawRect(10,10,getMeasuredWidth()-10,getMeasuredHeight()-10,paint1);
            canvas.save();
            canvas.translate(10,0);
            super.onDraw(canvas);
            canvas.restore();
        }
    

    下面再补充一个自定义闪动的TextView,类似跑马灯效果
    代码示例:

    
      private int mViewWidth = 0;
        private Paint mPaint;
        private LinearGradient mLinearGradient;
        private Matrix mGradientMatrix;
        private int mTranslate;
    
    @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            if (mGradientMatrix != null) {
                mTranslate += mViewWidth / 5;
                if (mTranslate > 2 * mViewWidth) {
                    mTranslate = -mViewWidth;
                }
                mGradientMatrix.setTranslate(mTranslate, 0);
                mLinearGradient.setLocalMatrix(mGradientMatrix);
                postInvalidateDelayed(100);
            }
    }
    
    
    @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) {
            super.onSizeChanged(w, h, oldw, oldh);
            if(mViewWidth == 0){
                mViewWidth = getMeasuredWidth();
                if (mViewWidth > 0) {
                    mPaint = getPaint();
                    mLinearGradient = new LinearGradient(0, 0, mViewWidth, 0, new int[]{Color.BLUE, 0xffffffff, Color.BLUE}, null, Shader.TileMode.CLAMP);
                    mPaint.setShader(mLinearGradient);
                    mGradientMatrix = new Matrix();
                }
            }
        }
    

    利用Android中Paint对象的Shader渲染器,通过设置一个不断变化的LinearGradient ,并使用带有该属性的Paint对象来绘制要显示的文字。首先,在onSizeChanged()方法中进行一些对象的初始化工作,并根据View的宽设置一个LinearGradient 渐变渲染。
    其中最关键的就是使用getPaint()方法获取当前绘制的TextView的Paint对象,并给这个Paint对象设置原生的TextView没有的LinearGradient 属性。最后在onDraw()方法中,通过矩阵的方式不断来平移渐变效果,从而在绘制文字时产生动态的闪动效果。

    相关文章

      网友评论

        本文标题:自定义View基础一

        本文链接:https://www.haomeiwen.com/subject/swawvxtx.html