Android控件架构
ViewGroup控件和View控件，ViewGroup控件作为父控件包含了多个View,并且管理着View控件,整个架构类似一个树状结构，上层负责控制着下层控件的绘制和测量，并且传递事件。
最顶部的是一个ViewParent对象，所有的交互事件都是由它统一控制和分配。
自定义View流程
View的测量>三种测量模式
- EXACTLY(精确模式)
layout_width="100dip" 或者 layout_width="match_parent"
- AT_MOST(最大模式)
这种模式相当于自适应，子控件会随着父控件的大小改变而改变，只要不超过父控件大小 - UNSPECIFIED(不 指定其大小测量模式)
默认情况只支持EXACTLY模式
- 如果是我们要使用warp_content,也需要重写onMesure()方法。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int specWidth;
int specSize=MeasureSpec.getSize(widthMeasureSpec);
int specMode=MeasureSpec.getMode(widthMeasureSpec);
/精确模式 /
if (specMode==MeasureSpec.EXACTLY){
specWidth=specSize;
}else {
specWidth=200;
/自适应模式/
if (specMode==MeasureSpec.AT_MOST){
specWidth=Math.min(specWidth,specSize);
}
}
setMeasuredDimension(specWidth,specWidth);
}
重写后 我们可以发现
当我们设置宽度是为准确的値的时候会精确控件大小
当我们设置为match_parent属性时，会填满父控件
当我们设置warp_content时会使用 一个默认为200的默认值，如果不重写onMesure()他会默认填充满整个布局
View的绘制
@Override
protected void onDraw(Canvas canvas) {
//在回调父类方法之前实现自己逻辑
super.onDraw(canvas);
//在实现父类方法之后实现自己的逻辑
Canvas mcanvas=new Canvas(bitmap);
mcanvas.drawBitmap(bitmap,0,0,null);
Canvas mcanvas2=new Canvas(bitmap);
mcanvas2.drawBitmap(bitmap,1,1,null);
}
Canvas的绘制都发生在bitmap上面
所以上面的两次绘制虽然是两个Canvas对象，其实当你第二次绘制后，在刷新，
第一个一样发生了变化。
自定义实现一个全代码的ViwePager指示器
Paste_Image.png
Paste_Image.png
package com.project1;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
/*
* 创建人：Yangshao
* 创建时间：2017/1/4 10:46
* @version 一个Viewpager的指示器 多个圆点轮回选中效果
*
*/
public class ViewPagerPointer extends View {
private Context mContext;
public ViewPagerPointer(Context context) {
this(context, null);
this.mContext = context;
}
public ViewPagerPointer(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ViewPagerPointer(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initPaint();
}
private Paint mRedPaint; //绘制红色选中圆点
private Paint mWhilePaint; //绘制背景圆点
private float RADUIO = 8f; //设置圆角半径
private float PADDING = 24f; //点与点之间的水平间距
private int mPointerSize; //圆点个数
private int mSelectPointer; //当前选中的
public void setPointerSize(int pointerSize) {
mPointerSize = pointerSize;
}
public void setSelectPointer(int selectPointer) {
mSelectPointer = selectPointer;
invalidate();
}
/*测量设置宽高*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int specWidth, specHeight;
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
if (widthMode == MeasureSpec.EXACTLY) {
specWidth = widthSize;
} else {
//一个圆点的宽度加上点与点之间的间距
specWidth = dip2px(RADUIO * 2 + PADDING * (mPointerSize - 1));
}
if (heightMode == MeasureSpec.EXACTLY) {
specHeight = heightSize;
} else {
specHeight = dip2px(RADUIO * 2);
}
setMeasuredDimension(specWidth, specHeight);
}
private void initPaint() {
mSelectPointer = 0; //设置默认选中值
mRedPaint = new Paint();
mRedPaint.setAntiAlias(true);
mRedPaint.setColor(Color.RED);
mRedPaint.setStyle(Paint.Style.FILL);
mWhilePaint = new Paint();
mWhilePaint.setAntiAlias(true);
mWhilePaint.setColor(Color.BLACK);
mWhilePaint.setStyle(Paint.Style.STROKE);
}
/**
* dip转换px
*/
public int dip2px(float dip) {
if (mContext != null) {
final float scale = mContext.getResources().getDisplayMetrics().density;
return (int) (dip * scale + 0.5f);
}
return -1;
}
@Override
protected void onDraw(Canvas canvas) {
for (int i = 0; i < mPointerSize; i++) {
if (i == mSelectPointer) {
canvas.drawCircle(dip2px(RADUIO+i*PADDING), dip2px(RADUIO), dip2px(RADUIO), mRedPaint);
} else {
canvas.drawCircle(dip2px(RADUIO+i*PADDING), dip2px(RADUIO), dip2px(RADUIO), mWhilePaint);
}
}
}
}
