在自定义View时一般需要重写父类的onMeasure()、onLayout()、onDraw()三个方法来完成视图的展示过程。
一个完整的绘制流程从ViewRootImpl的performTraversals方法开始,经过measure、layout、draw三个过程才能将view绘制出来。
- measure:测量。系统会先根据xml布局文件和代码中对控件属性的设置,来获取或者计算出每个View和ViewGrop的尺寸,并将这些尺寸保存下来。
- layout:布局。根据测量出的结果以及对应的参数,来确定每一个控件应该显示的位置。
- draw:绘制。确定好位置后,就将这些控件绘制到屏幕上。
1.performTraversals()
View树的绘制是从ViewRoot的performTraversals()方法开始,这个方法主要是判断是否重新measure、是否重新layout、是否重draw。
工作流程图:
2.Measure
MeasureSpec封装了从父View传递给子View的布局需求。每个MeasureSpec代表宽度或高度的要求,每个measureSpec都包含了size(大小)和mode(模式)。
MeasureSpec 一个32位二进制的整数型,前面2位代表的是mode,后面30位代表的是size。mode 主要分为3类,分别是
-
EXACTLY:父容器已经测量出子View的大小。对应是 View 的LayoutParams的match_parent 或者精确数值。
-
AT_MOST:父容器已经限制子view的大小,View 最终大小不可超过这个值。对应是 View 的LayoutParams的wrap_content
-
UNSPECIFIED:父容器不对View有任何限制,要多大给多大,这种情况一般用于系统内部,表示一种测量的状态。(这种不怎么常用,下面分析也会直接忽略这种情况)
一个View的MeasureSpec由父布局的MeasureSpec和自身的LayoutParams共同产生。得到子View的MeasureSpec后,调用View的Measure方法,传入相应的参数,开始下一层的mewsure过程。
View 的Measur过程由measure方法来完成,这是一个final方法,子类不能重写该方法,在View的方法中调用View的onMeasure方法。其实现如下:
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}
public static int getDefaultSize(int size, int measureSpec) {
int result = size;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);
switch (specMode) {
case MeasureSpec.UNSPECIFIED:
result = size;
break;
case MeasureSpec.AT_MOST:
case MeasureSpec.EXACTLY:
result = specSize;
break;
}
return result;
}
可以看出,最终是调用getDefaultSize
方法得到实际的测量值。上一节提到,当子View
的LayoutParams
为wrap_content
时,最终的SpecMode都是AT_MOST
,SpecSize为父容器剩余空间大小。在getDefaultSize
方法中,对于AT_MOST
和EXACTLY
均是直接使用父容器传进来的值,这可能不是我们想要的值,所以自定义View
时要重写onMeasure
方法处理AT_MOST
,否则使用wrap_content
相当于使用match_parent
。
对于ViewGroup
,测量完自己还要调用子View
的measure
方法,各个子元素再递归去执行这个过程。
动态设置LayoutParams:
public class LayoutParamsFragment extends Fragment {
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
LinearLayout ll = new LinearLayout(getContext());
// ll的父容器是MainActivity中的FrameLayout
ll.setLayoutParams(new FrameLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
ll.setGravity(Gravity.CENTER);// 子控件居中
ll.setBackgroundResource(android.R.color.holo_blue_bright);
TextView tv = new TextView(getContext());
ll.addView(tv);// 添加到父控件,此时会构造一个LayoutParams出来。
LinearLayout.LayoutParams ll_params = (LinearLayout.LayoutParams) tv.getLayoutParams();
ll_params.width = 160;
ll_params.height = 160;
tv.setLayoutParams(ll_params);
tv.setBackgroundResource(android.R.color.holo_red_dark);
tv.setText(getText(R.string.tv));
return ll;
}
}
注意点1:在ll还没有作为返回值返回时,还没有被添加到布局中,因此要new;
2:在tv没有被add进父布局前,也不存在LayoutParams。所以要先add,再get。
另外,要注意强转成父布局的LayoutParams,才具有父控件特有的方法。
3.Layout
Layout的作用是ViewGroup
用来确定子元素的位置,当ViewGroup
的位置被确定以后,它在onLayout
中会遍历所有的子元素并调用其layout
方法,在layout
方法中onLayout
方法又会被调用。onlayout
方法是抽象方法,所以自定义ViewGroup
时需要实现这个方法确定子元素的布局。常用的LinearLayout
以及RelativeLayout
方法均重写了这个方法。
4.Draw
draw的过程就是将View绘制在屏幕上,有如下几步:
(1)绘制背景
(2)绘制自己
(3)绘制children
(4)绘制装饰