自定义View 绘制过程(Draw)"/>
自定义View 绘制过程(Draw)
目录
- 一、作用
- 二、draw过程详解
- 2.1 单一View的draw过程
- 具体使用
- 原理(步骤)
- 具体流程
- 2.2ViewGroup的draw过程
- 具体使用
- 原理(步骤)
- 具体流程
- 三、总结
一、作用
绘制View视图
二、draw过程详解
2.1 单一View的draw过程
类似measure过程、layout过程,draw过程根据View的类型分为2种情况:
具体使用
继承自View、SurfaceView 或 其他View;不包含子View
原理(步骤)
- View绘制自身(含背景、内容);
- 绘制装饰(滚动指示器、滚动条、和前景)
具体流程
下面我将一个个方法进行详细分析:draw过程的入口 = draw()
/*** 源码分析:draw()* 作用:根据给定的 Canvas 自动渲染View包括其所有子 View)。* 绘制过程:* 1. 绘制view背景* 2. 绘制view内容* 3. 绘制子View* 4. 绘制装饰(渐变框,滑动条等等)* 注:* a. 在调用该方法之前必须要完成 layout 过程* b. 所有的视图最终都是调用 View 的 draw()绘制视图( ViewGroup 没有复写此方法)* c. 在自定义View时,不应该复写该方法,而是复写 onDraw(Canvas) 方法进行绘制* d. 若自定义的视图确实要复写该方法,那么需先调用 super.draw(canvas)完成系统的绘制,然后再进行自定义的绘制*/ public void draw(Canvas canvas) {...// 仅贴出关键代码int saveCount;// 步骤1: 绘制本身View背景if (!dirtyOpaque) {drawBackground(canvas); // ->分析1}// 若有必要,则保存图层(还有一个复原图层)// 优化技巧:当不需绘制 Layer 时,“保存图层“和“复原图层“这两步会跳过// 因此在绘制时,节省 layer 可以提高绘制效率final int viewFlags = mViewFlags;if (!verticalEdges && !horizontalEdges) {// 步骤2:绘制本身View内容if (!dirtyOpaque) onDraw(canvas);// 单一View中:默认为空实现,需复写// ViewGroup中:需复写// ->分析2// 步骤3:绘制子View// 由于单一View无子View,故View中:默认为空实现// ViewGroup中:系统已经复写好对其子视图进行绘制我们不需要复写dispatchDraw(canvas);// ->分析3// 步骤4:绘制装饰,如滑动条、前景色等等onDrawScrollBars(canvas);// ->分析4return;}...
}/*** 分析1:drawBackground(canvas)* 作用:绘制View本身的背景*/ private void drawBackground(Canvas canvas) {// 获取背景 drawablefinal Drawable background = mBackground;if (background == null) {return;}// 根据在 layout 过程中获取的 View 的位置参数,来设置背景的边界setBackgroundBounds();...// 获取 mScrollX 和 mScrollY值 final int scrollX = mScrollX;final int scrollY = mScrollY;if ((scrollX | scrollY) == 0) {background.draw(canvas);} else {// 若 mScrollX 和 mScrollY 有值,则对 canvas 的坐标进行偏移canvas.translate(scrollX, scrollY);// 调用 Drawable 的 draw 方法绘制背景background.draw(canvas);canvas.translate(-scrollX, -scrollY);}} /*** 分析2:onDraw(canvas)* 作用:绘制View本身的内容* 注:* a. 由于 View 的内容各不相同,所以该方法是一个空实现* b. 在自定义绘制过程中,需由子类去实现复写该方法,从而绘制自身的内容* c. 谨记:自定义View中 必须且只需复写onDraw()*/protected void onDraw(Canvas canvas) {... // 复写从而实现绘制逻辑}/*** 分析3: dispatchDraw(canvas)* 作用:绘制子View* 注:由于单一View中无子View,故为空实现*/protected void dispatchDraw(Canvas canvas) {... // 空实现}/*** 分析4: onDrawScrollBars(canvas)* 作用:绘制装饰,如滚动指示器、滚动条、和前景等*/public void onDrawForeground(Canvas canvas) {onDrawScrollIndicators(canvas);onDrawScrollBars(canvas);final Drawable foreground = mForegroundInfo != null ? mForegroundInfo.mDrawable : null;if (foreground != null) {if (mForegroundInfo.mBoundsChanged) {mForegroundInfo.mBoundsChanged = false;final Rect selfBounds = mForegroundInfo.mSelfBounds;final Rect overlayBounds = mForegroundInfo.mOverlayBounds;if (mForegroundInfo.mInsidePadding) {selfBounds.set(0, 0, getWidth(), getHeight());} else {selfBounds.set(getPaddingLeft(), getPaddingTop(),getWidth() - getPaddingRight(), getHeight() - getPaddingBottom());}final int ld = getLayoutDirection();Gravity.apply(mForegroundInfo.mGravity, foreground.getIntrinsicWidth(),foreground.getIntrinsicHeight(), selfBounds, overlayBounds, ld);foreground.setBounds(overlayBounds);}foreground.draw(canvas);}}
至此,单一View的draw过程已分析完毕。
2.2ViewGroup的draw过程
具体使用
继承自ViewGroup 或 各种Layout;含有子 View
原理(步骤)
- ViewGroup绘制自身(含背景、内容);
- ViewGroup遍历子View & 绘制其所有子View;
类似于单一View的draw过程
- ViewGroup绘制装饰(滚动指示器、滚动条、和前景)
自上而下、一层层地传递下去,直到完成整个View树的draw过程
具体流程
下面我将对每个步骤和方法进行详细分析:draw过程的入口 = draw()
/*** 源码分析:draw()* 与单一View的draw()流程类似* 作用:根据给定的 Canvas 自动渲染 View(包括其所有子 View)* 绘制过程:* 1. 绘制view背景* 2. 绘制view内容* 3. 绘制子View* 4. 绘制装饰(渐变框,滑动条等等)* 注:* a. 在调用该方法之前必须要完成 layout 过程* b. 所有的视图最终都是调用 View 的 draw ()绘制视图( ViewGroup 没有复写此方法)* c. 在自定义View时,不应该复写该方法,而是复写 onDraw(Canvas) 方法进行绘制* d. 若自定义的视图确实要复写该方法,那么需先调用 super.draw(canvas)完成系统的绘制,然后再进行自定义的绘制*/ public void draw(Canvas canvas) {...// 仅贴出关键代码int saveCount;// 步骤1: 绘制本身View背景if (!dirtyOpaque) {drawBackground(canvas);}// 若有必要,则保存图层(还有一个复原图层)// 优化技巧:当不需绘制 Layer 时,“保存图层“和“复原图层“这两步会跳过// 因此在绘制时,节省 layer 可以提高绘制效率final int viewFlags = mViewFlags;if (!verticalEdges && !horizontalEdges) {// 步骤2:绘制本身View内容if (!dirtyOpaque) onDraw(canvas);// View 中:默认为空实现,需复写// ViewGroup中:需复写// 步骤3:绘制子View// ViewGroup中:系统已复写好对其子视图进行绘制,不需复写dispatchDraw(canvas);// 步骤4:绘制装饰,如滑动条、前景色等等onDrawScrollBars(canvas);return;}...
}
由于 步骤2:drawBackground()、步骤3:onDraw()、步骤5:onDrawForeground(),与单一View的draw过程类似,此处不作过多描述。
下面直接进入与单一View draw过程最大不同的步骤4:dispatchDraw()
/*** 源码分析:dispatchDraw()* 作用:遍历子View & 绘制子View* 注:* a. ViewGroup中:由于系统为我们实现了该方法,故不需重写该方法* b. View中默认为空实现(因为没有子View可以去绘制)*/ protected void dispatchDraw(Canvas canvas) {......// 1. 遍历子Viewfinal int childrenCount = mChildrenCount;......for (int i = 0; i < childrenCount; i++) {......if ((transientChild.mViewFlags & VISIBILITY_MASK) == VISIBLE ||transientChild.getAnimation() != null) {// 2. 绘制子View视图 ->>分析1more |= drawChild(canvas, transientChild, drawingTime);}....}}/*** 分析1:drawChild()* 作用:绘制子View*/protected boolean drawChild(Canvas canvas, View child, long drawingTime) {// 最终还是调用了子 View 的 draw ()进行子View的绘制return child.draw(canvas, this, drawingTime);}
至此,ViewGroup的draw过程已分析完毕。
三、总结
本文全面总结了自定义View的Draw过程,总结如下
View类型 | 绘制流程(Draw) |
---|---|
单一View | 仅绘制视图View本身。 |
视图组ViewGroup | 绘制视图本身和包含的所有子View。 |
更多推荐
自定义View 绘制过程(Draw)
发布评论