自定义View<二>

一，View的测量：onMeasure()方法

（1）测量模式：有三种，分别是EXACTLY,  AT_MOST,  UNSPECIFIED 

EXACTLY:  精确值模式，当我们需要把控件的layout_width或者layout_height指定为具体数值或者为match_parent时就用它

AT_MOST:  最大值模式，当，，，指定为wrap_content时用它，(到最后时需要比较，详情请看下面的例子）

UNSPECIFIED:   不指定大小，View像多大就有多大，一般在绘制自定义View时才会使用

（2）借助MeasureSpec类

（3）View类默认的onMeasure()方法只支持EXACTLY模式，故而自定义View时通常需要重写onMeasure()才可以调用其它模式

给一段代码：

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        setMeasuredDimension(measureWidth(widthMeasureSpec) , measureHieght(heightMeasureSpec));
    }
    //测量宽度
    private int measureWidth(int measureSpec){
        int result = 0;
        //从MeasureSpec对象中取出具体的测量模式和大小
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        
        //如果为EXACTLY模式，直接使用指定的specSize即可
        if(specMode == MeasureSpec.EXACTLY){
            result = specSize;
        }
        //当为其他两种模式时，需给它一个默认大小
        else{
            result = 200;
            //另外，当是AT_MOST模式时，还需取出指定的大小与specSize比较，较小的作为最后的测量值
            if(specMode == MeasureSpec.AT_MOST){
                result = Math.min(result , specSize);
            }
        }
        return result;  
    }
    //测量高度
    private int measureHieght(int measureSpec){
        int result = 0;
        //从MeasureSpec对象中取出具体的测量模式和大小
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);


        //如果为EXACTLY模式，直接使用指定的specSize即可
        if(specMode == MeasureSpec.EXACTLY){
            result = specSize;
        }
        //当为其他两种模式时，需给它一个默认大小
        else{
            result = 200;
            //另外，当是AT_MOST模式时，还需取出指定的大小与specSize比较，较小的作为最后的测量值
            if(specMode == MeasureSpec.AT_MOST){
                result = Math.min(result , specSize);
            }
        }
        return result;
    }

二，View之常用的回调方法：

（1）onFinishInflate():从XML加载组件后回调

（2）onSizeChanged():  组件大小改变时回调

（3）onMeasure():   回调该方法进行测量

（4）onLayout():    回调该方法来确定显示的位置

（5）onTouchEvent()：  监听到触摸事件时回调

三，常用的实现自定义控件的方法

（1）对现有的控件进行拓展

（2）通过组合来实现新的控件

（3）重写View来实现全新的控件

四，举个例子（对现有的控件进行拓展）

设置一个不断变换的字符串和一个实心的圆形，时间为每100毫秒变换一次，

利用条件： 

（1）用Paint对象的Shader渲染器

（2）设置一个不断变换的LinearGradient(线性梯度），并用带有该属性的Paint对象来绘制要显示的文字和圆形

（3）首先得在onSizeChanged()方法进行初始化，并根据View的宽度设置Lineargradient渐变渲染器

（4）再在onDraw()方法中，通过矩阵的方式不断平移产生渐变效果

（5）在onDraw()方法中设置字符串和圆形。

具体代码：如下

主类：

package com.cai.maiyu.viewtest;


import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       // setContentView(R.layout.activity_main);
        MyView myView = new MyView(this);
        setContentView(myView);
    }
}

自定义类

package com.cai.maiyu.viewtest;


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.widget.LinearLayout;
import android.widget.TextView;


/**
 * Created by maiyu on 2016/4/13.
 */
public class MyView extends TextView {
    private int mViewWidth = 0;
    private int mTranslate = 0;
    private Matrix mGradientMatrix;
    private Paint mPaint;
    private LinearGradient mLinearGradient;
    public MyView(Context context) {
        super(context);
    }
//    @Override
//    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
//        setMeasuredDimension(measureWidth(widthMeasureSpec) , measureHieght(heightMeasureSpec));
//    }
//    //测量宽度
//    private int measureWidth(int measureSpec){
//        int result = 0;
//        //从MeasureSpec对象中取出具体的测量模式和大小
//        int specMode = MeasureSpec.getMode(measureSpec);
//        int specSize = MeasureSpec.getSize(measureSpec);
//
//        //如果为EXACTLY模式，直接使用指定的specSize即可
//        if(specMode == MeasureSpec.EXACTLY){
//            result = specSize;
//        }
//        //当为其他两种模式时，需给它一个默认大小
//        else{
//            result = 200;
//            //另外，当是AT_MOST模式时，还需取出指定的大小与specSize比较，较小的作为最后的测量值
//            if(specMode == MeasureSpec.AT_MOST){
//                result = Math.min(result , specSize);
//            }
//        }
//        return result;
//    }
//    //测量高度
//    private int measureHieght(int measureSpec){
//        int result = 0;
//        //从MeasureSpec对象中取出具体的测量模式和大小
//        int specMode = MeasureSpec.getMode(measureSpec);
//        int specSize = MeasureSpec.getSize(measureSpec);
//
//        //如果为EXACTLY模式，直接使用指定的specSize即可
//        if(specMode == MeasureSpec.EXACTLY){
//            result = specSize;
//        }
//        //当为其他两种模式时，需给它一个默认大小
//        else{
//            result = 200;
//            //另外，当是AT_MOST模式时，还需取出指定的大小与specSize比较，较小的作为最后的测量值
//            if(specMode == MeasureSpec.AT_MOST){
//                result = Math.min(result , specSize);
//            }
//        }
//        return result;
//    }
    @Override
    protected void onDraw(Canvas canvas) {


        //在回调父类方法前，实现自己的逻辑，对TextView来说是在绘制文本内容前
//        //生成一个画笔对象
//        Paint mPaint1 = new Paint();
//        //为画笔设置属性
//        mPaint1.setColor(getResources().getColor(android.R.color.holo_blue_light));
//        mPaint1.setStyle(Paint.Style.FILL);//实心
//
//        Paint mPaint2 = new Paint();
//        mPaint2.setColor(Color.YELLOW);
//        mPaint2.setStyle(Paint.Style.FILL);


//        //在系统调用super.onDraw(canvas)方法前，也就是在绘制文字之下，执行绘制文字的工作
//        //绘制外层矩形
//        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint1);
//        //绘制内层矩形
//        canvas.drawRect(10, 10, getMeasuredWidth()-10, getMeasuredHeight()-10, mPaint2);
//        //要存储
//        canvas.save();
//        //绘制文字前平移10像素
//        canvas.translate(10, 0);
        mPaint.setTextSize(100);
        canvas.drawText("SystemWidget", 100, 500, mPaint );
        canvas.drawCircle(500,1000, 200,mPaint);




        //父类完成的方法，即绘制文本
        super.onDraw(canvas);
        //要用canvas.restore()方法
       // canvas.restore();


        //在回调父类方法后，实现自己的逻辑，对TextView来说是在绘制文本内容后
        if(mGradientMatrix != null){
            mTranslate += mViewWidth/5;
            if(mTranslate > 2 * mViewWidth){
                mTranslate = -mViewWidth;
            }
            //设置矩阵(dx , dy)
            mGradientMatrix.setTranslate(mTranslate , 0);
            //给线性梯度设置梯度矩阵
            mLinearGradient.setLocalMatrix(mGradientMatrix);


            //每个100毫秒刷新一次界面
            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();
                // 创建LinearGradient并设置渐变颜色数组
                // 第一个,第二个参数表示渐变起点 可以设置起点终点在对角等任意位置
                // 第三个,第四个参数表示渐变终点
                // 第五个参数表示渐变颜色
                // 第六个参数可以为空,表示坐标,值为0-1 new float[] {0.25f, 0.5f, 0.75f, 1 }
                // 如果这是空的，颜色均匀分布，沿梯度线。
                // 第七个表示平铺方式
                // CLAMP重复最后一个颜色至最后
                // MIRROR重复着色的图像水平或垂直方向已镜像方式填充会有翻转效果
                // REPEAT重复着色的图像水平或垂直方向
                mLinearGradient = new LinearGradient(0, 0, mViewWidth, 0, new int[]{
                        Color.BLUE, 0Xffffffff, Color.BLUE}, null, Shader.TileMode.CLAMP);


                //设置渲染器，并把LinearGradient对象作为参数传入
                mPaint.setShader(mLinearGradient);
                //生成新的Matrix()对象
                mGradientMatrix = new Matrix();
            }
        }
    }
}

结果：

它正在不断变换，只不过截图看不出