一,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();
}
}
}
}
结果:
它正在不断变换,只不过截图看不出