第四章 View的工作原理
4.1初识ViewRoot和DecorView
ViewRoot是连接WindowManager和DecorView的纽带,View的三大流程均是通过ViewRoot来完成的。
View的三大流程指的是测量(measure),布局(layout),绘制(draw)。
measure用来测量View的宽和高,layout用来确定View在父容器中的放置位置,draw负责将View绘制在屏幕上。
measure过程决定了View的宽和高,Measure完成以后,可以通过getMeasuredWidth和
getMeasuredHeight方法来获取View测量后的宽和高;Layout过程决定了View的四个顶点的坐标和实际的View宽高,可通过
getTop、getBottom、getLeft、getRight来获取View的四个顶点的位置,并可通过getWidth和getHeight方
法来获取View的最终宽高。Draw过程决定了View的显示,只有draw方法完成以后View的内容才能呈现在屏幕上。
DecorView是*的View;获取通过setContentView方法所设置的View的方法如下:
View contentView=findViewById(ViewGroup)findViewById(android.R.id.content).getChildAt(0);
DecorView其实是一个FrameLayout,View层的事件都先经过DecorView,然后才传递给我们的View。
4.2理解MeasureSpec
MeasureSpec(测量规格)在很大程度上决定了一个View的尺寸规格,之所以说是很大程度上是因为这个过程还受父容器的影响,因为父容器影响View的MeasureSpec的创建过程。
MeasureSpec代表一个32位的int值,高2位代表SpecMode,低30位代表SpecSize,SpecMode是指测量模式,SpecSize是指在某种测量模式下的规格大小。
SpecMode有三种分别是:
(1)UNSPECIFIED
父容器不对View有任何限制,要多大给多大,这种情况一般用于系统内部,表示一种测量的状态;
(2)EXACTLY
父容器已经检测出View所需要的精确大小,这个时候View的最终大小就是SpecSize所指定的值。它对应于LayoutParams中的match_parent和具体的数值这两种模式。
(3)AT_MOST
父容器指定了一个可用大小即SpecSize,View的大小不能大于这个值,具体是什么值要看不同View的具体体现。它对应于LayoutParams中的wrap_content。
DecorView的MeasureSpec由窗口的尺寸和其自身的LayoutParams来共同决定;普通View的MeasureSpec由父容器的MeasureSpec和自身的LayoutParams来共同决定。
总之,只要提供父容器的MeasureSpec和子元素的LayoutParams,就可以快速的确定出子元素的MeasureSpec了,有了MeasureSpec就可以进一步确定出子元素测量后的大小了。
4.3View的工作流程
View的工作流程主要是指measure、layout、draw这三大过程,即测量、布局和绘制,其中measure确定View的测量宽高,layout确定View的最终宽高和四个顶点的位置,而draw则将View绘制到屏幕上。
4.3.1 measure过程
measure过程分为两种情况,一种是view的measure过程,一种是ViewGroup的measure过程。
(1)view的measure过程
view的measure过程直接由measure方法来完成。
注意:直接继承View的自定义控件需要重写onMeasure方法并设置wrap_content时的自身大小,否则在布局中使用wrap_content就相当于使用match_parent。
(2)ViewGroup的measure过程
对于ViewGroup来说,除了完成自己的measure过程以外,还会遍历去调用所有子元素的measure方法,各个子元素在递归去执行这个过程。
注
意:在某些极端情况下,系统可能需要多次measure才能确定最终的测量宽高,在这种情况下,在onMeasure方法中拿到的测量宽高很可能是不准确
的。一个比较好的习惯是在onLayout方法中去获取View的测量宽高或者最终宽高(原因:在View的默认实现中,View的测量宽高和最终宽高是
相等的,只不过测量宽高形成于View的measure过程,而最终宽高形成于View的layout过程,即两者的赋值时机不同,测量宽高的赋值时机稍
微早一些)。
举例测量宽高不等于最终宽高的情况:
public void layout(int l,int t,int r, int b){
surper.layout(l,t,r+100,b+100);
}
上述代码会导致在任何情况下View的最终宽高总是比测量宽高大100px!
4.3.2 layout过程
Layout的作用是ViewGroup用来确定子元素的位置,当ViewGroup的位置被确定后,它在onLayout中会遍历所有的子元素并调用其layout方法,在layout方法中onLayout方法又会被调用。layout方法确定View本身的位置,而onLayout方法则会确定所有子元素的位置。
4.3.2 draw过程
draw过程的作用是将View绘制到屏幕上面。draw过程的步骤:
(1)绘制背景background.draw(canvas);
(2)绘制自己(onDraw);
(3)绘制children(dispathDraw);
(4)绘制装饰(onDrawScrollBars)。
View绘制过程的传递是通过dispatchDraw来实现的。
4.4自定义View
4.4.1自定义View的分类
1.继承View重写onDraw方法(需要自己支持wrap_content,并且padding也需要自己处理);
2.继承ViewGroup派生特殊的Layout(需要合适的处理ViewGroup的测量、布局这两个过程,并同时处理子元素的测量和布局过程);
3.继承特定的View(比如TextView,不需要自己支持wrap_content和padding等);
4.继承特定的ViewGroup(比如LinearLayout,不需要自己处理ViewGroup的测量和布局这两个过程)。
2和4的主要差别在于2更接近系统底层。
4.4.2自定义View须知
自定义View时主要有如下几个注意事项:
(1)让View支持wrap_content;
(2)如果有必要,让View支持padding;
(3)尽量不要在View中使用handler,没必要(因为View本身就提供了post系列的方法);
(4)View中如果有线程或者动画,需要及时停止,参考View#onDetachedFromWindow(当包含此View的
Activity退出或者当前View被remove时,View的onDetachedFromWindow方法会被调用;当包含此View的
Activity启动时,View的onAttachedToWindow方法会被调用);
(5)View带有滑动嵌套情形时,需要处理好滑动冲突。
4.4.3自定义View示例
1.继承View重写onDraw方法
其中主要是对wrap_content和padding的处理。
public class CircleView extends View {
private int mColor = Color.RED;
private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); public CircleView(Context context) {
super(context);
init();
} public CircleView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
} public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.CircleView);
mColor=a.getColor(R.styleable.CircleView_circle_color,Color.RED);
a.recycle();
init();
} private void init() {
mPaint.setColor(mColor);
} /**
* 重写onMeasure方法主要是为了解决wrap_content的问题,否则设置wrap_content会无效。
* @param widthMeasureSpec
* @param heightMeasureSpec
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(200, 200);
} else if (widthSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(200, heightSpecSize);
} else if (heightSpecMode == MeasureSpec.AT_MOST) {
setMeasuredDimension(widthSpecSize, 200);
}
} /**
* 重写onDraw方法注意其中对padding的处理
* @param canvas
*/
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
final int paddingLeft=getPaddingLeft();
final int paddingTop=getPaddingTop();
final int paddingRight=getPaddingRight();
final int paddingBottom=getPaddingBottom();
int width=getWidth()-paddingLeft-paddingRight;
int height=getHeight()-paddingTop-paddingBottom;
int radius=Math.min(width,height)/2;
canvas.drawCircle(paddingLeft+width/2,paddingTop+height/2,radius,mPaint);
}
}
顺便总结一下Android自定义属性的步骤:
(1)在values目录下创建自定义属性的XML文件,例如attrs.xml,文件名没有限制,文件中的内容如下(这里自定义一个格式为“color”的属性“circle_color”):
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CircleView">
<attr name="circle_color" format="color"/>
</declare-styleable>
</resources>
(2)在View的构造方法中解析自定义属性的值并作相应处理。
public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray a=context.obtainStyledAttributes(attrs,R.styleable.CircleView);
mColor=a.getColor(R.styleable.CircleView_circle_color,Color.RED);
a.recycle();
init();
}
注意最后要调用recycle方法来释放资源;
(3)在布局文件中使用自定义属性。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
tools:showIn="@layout/activity_main"> <tadakastu.myapplication.CircleView
android:layout_margin="20dip"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:padding="20dip"
app:circle_color="#00ff00"
android:background="#000000" />
</RelativeLayout>
不要忘记添加
xmlns:app="http://schemas.android.com/apk/res-auto"
以上就是自定义属性的步骤。
2.继承ViewGroup派生特殊的Layout
这种方法主要用于实现自定义的布局(P 209页例子)。