自定义view-绘制流程
前言
绘制流程是自定义view的基础中的基础, 了解绘制的流程,才能更好的的写出自己需要的自定义view。
绘制流程
ViewGroup与View组合成一个树状结构, 类似文件夹与文件之间的关系,递归下面三个方法
测量出大小 - 确定好位置 - 最后绘制你要的内容。
Measure(测量)
Layout(布局)
Draw(绘制)
Measure(测量)
View的大小, 我们在写xml布局文件的时候, 都会指定宽高, 但是view的宽高不单单根据我们xml中指定的width和higth, 还需要根据父类的view, 原因也很简单, 如果父view小于子view是需要处理的。view在进行测量的时候会调用onMeasure方法:
@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int widthsize = MeasureSpec.getSize(widthMeasureSpec); //取出宽度的确切数值int widthmode = MeasureSpec.getMode(widthMeasureSpec); //取出宽度的测量模式int heightsize = MeasureSpec.getSize(heightMeasureSpec); //取出高度的确切数值int heightmode = MeasureSpec.getMode(heightMeasureSpec); //取出高度的测量模式setMeasuredDimension(widthsize, heightsize); //告诉父view自己的宽高}
从上面可以看出 onMeasure 函数中有 widthMeasureSpec 和 heightMeasureSpec 这两个 int 类型的参数, 毫无疑问他们是和宽高相关的, 但它们其实不是宽和高, 而是由宽、高和各自方向上对应的测量模式来合成的一个值:
测量模式一共有三种:
模式 | 二进制数值 | 描述 |
---|---|---|
UNSPECIFIED | 00 | 默认值,父控件没有给子view任何限制,子View可以设置为任意大小。 |
EXACTLY | 01 | 表示父控件已经确切的指定了子View的大小。 |
AT_MOST | 10 | 表示子View具体大小没有尺寸限制,但是存在上限,上限一般为父View大小。 |
在int类型的32位二进制位中,31-30这两位表示测量模式,29~0这三十位表示宽和高的实际值
Layout(布局)
确定布局的函数是onLayout,它用于确定子View的位置,在自定义ViewGroup中会用到,他调用的是子View的layout函数。
在自定义ViewGroup中,onLayout一般是循环取出子View,然后经过计算得出各个子View位置的坐标值,然后用以下函数设置子View位置。
child.layout(l, t, r, b);
四个参数分别为:
名称 | 说明 | 对应的函数 |
---|---|---|
l | View左侧距父View左侧的距离 | getLeft(); |
t | View顶部距父View顶部的距离 | getTop(); |
r | View右侧距父View左侧的距离 | getRight(); |
b | View底部距父View顶部的距离 | getBottom(); |
Draw(绘制)
onDraw是实际绘制的部分,也就是我们真正关心的部分,使用的是Canvas绘图。
@Overrideprotected void onDraw(Canvas canvas) { super.onDraw(canvas);//我们可以通过canvas.drawxxx 的方法在画布上绘制你想要的内容}
自定义View,ViewGroup
我们在实现自定义view的时候,大部分都是extends View,或者ViewGroup
1.自定义ViewGroup
自定义ViewGroup一般是利用现有的组件根据特定的布局方式来组成新的组件,大多继承自ViewGroup或各种Layout,包含有子View。
例如:应用底部导航条中的条目,一般都是上面图标(ImageView),下面文字(TextView),那么这两个就可以用自定义ViewGroup组合成为一个Veiw,提供两个属性分别用来设置文字和图片,使用起来会更加方便。
2.自定义View
在没有现成的View,需要自己实现的时候,就使用自定义View,一般继承自View,SurfaceView或其他的View,不包含子View。
例如:制作一个支持自动加载网络图片的ImageView,制作图表等。
自定义View在大多数情况下都有替代方案,利用图片或者组合动画来实现,但是使用后者可能会面临内存耗费过大,制作麻烦等诸多问题。
构造方法
public void SloopView(Context context) {}public void SloopView(Context context, AttributeSet attrs) {}public void SloopView(Context context, AttributeSet attrs, int defStyleAttr) {}public void SloopView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}
代码创建实例会用第一个构造
xml创建会调用二个构造
后两个构造函数可以接受默认的属性/样式
onSizeChanged
View的大小不仅由View本身控制,而且受父控件的影响,所以我们在确定View大小的时候最好使用系统提供的onSizeChanged回调函数。
@Overrideprotected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); }
可以看出,它又四个参数,分别为 宽度,高度,上一次宽度,上一次高度。
这个函数比较简单,我们只需关注 宽度(w), 高度(h) 即可,这两个参数就是View最终的大小。
流程
步骤 | 关键字 | 作用 |
---|---|---|
1 | 构造函数 | 初始化(初始化画笔Paint) |
2 | onMeasure | 测量View的大小(暂时不用关心) |
3 | onSizeChanged | 确定View大小(记录当前View的宽高) |
4 | onLayout | 确定子View布局(无子View,不关心) |
5 | onDraw | 实际绘制内容(绘制饼状图) |
6 | 提供接口 | 提供接口(提供设置数据的接口) |
Tips:
1.View 控件不被ViewGroup包裹的话 它是没有大小的
2.dispatchDraw() 会通知每一个子view 进行绘制 调用draw 方法
3.requestLayout(); 会进行重新的布局
自定义view-绘制流程相关推荐
- Android自定义View绘制流程
Android视图层次结构简介 在介绍View绘制流程之前,咱们先简单介绍一下Android视图层次结构以及DecorView,因为View的绘制流程的入口和DecorView有着密切的联系. 我们平 ...
- 【朝花夕拾】Android自定义View篇之(一)View绘制流程
前言 转载请申明转自[https://www.cnblogs.com/andy-songwei/p/10955062.html]谢谢! 自定义View.多线程.网络,被认为是Android开发者必须牢 ...
- 【朝花夕拾】Android自定义View之(一)手把手教你看懂View绘制流程——向源码要答案
前言 原文:Android自定义View之(一)手把手教你看懂View绘制流程--向源码要答案 View作为整个app的颜值担当,在Android体系中占有重要的地位.深入理解Android View ...
- Android自定义View之(一)View绘制流程详解——向源码要答案
前言 View作为整个app的颜值担当,在Android体系中占有重要的地位.深入理解Android View的绘制流程,对正确使用View来构建赏心悦目的外观,以及用自定义View来设计理想中的酷炫 ...
- android字符显示流程图,Android应用层View绘制流程与源码分析
1 背景 还记得前面<Android应用setContentView与LayoutInflater加载解析机制源码分析>这篇文章吗?我们有分析到Activity中界面加载显示的基本流程原 ...
- View 绘制流程分析
掌握 View 绘制流程能对视图的各个绘制时机有更深刻的认识,并且能写出更好的自定义 View, 反正看源码(SDK28)就完了. 一.介绍 二.源码分析 measure layout draw 三. ...
- Android 系统(230)---View 绘制流程 —— 基础(1)
View 绘制流程 -- 基础(1) View 绘制流程 -- 基础 1. View分类 类别 解释 特点 单一视图 即一个View,如 TextView 不包含子View 视图组 即多个View组成 ...
- Android应用层View绘制流程与源码分析
前言 Activity中界面加载显示的基本流程原理,最终分析结果就是下面的关系: 看见没有,如上图中id为content的内容就是整个View树的结构,所以对每个具体View对象的操作,其实就是个递归 ...
- android画a4矩形,Android自定义View绘制原理:画多大?画在哪?画什么?(三)
View绘制就好比画画,抛开Android概念,如果要画一张图,首先会想到哪几个基本问题: 画多大? 画在哪? 怎么画? Android绘制系统也是按照这个思路对View进行绘制,上面这些问题的答案分 ...
- View绘制流程的入口
View绘制流程的入口是WindowManager.add(decor, l),从Activity的创建开始分析,具体流程如下: Activity.onCreate() setContentView( ...
最新文章
- Oracle Connect to an idle instance
- 还在用if(obj!=null)做非空判断?带你快速上手Optional实战性理解!
- STL-String源码分析
- 5G NR资源分配中RIV指示的具体原理
- php stdin是什么意思,php:// input和php:// stdin之间有什么区别?
- tcpdump 用法
- 和老婆在MSN上面的涂鸦
- C++对象在内存中的布局
- windows/linux 查看端口占用
- mongoVue的使用
- winform自定义日历控件
- powerdesigner生成php代码,powerdesigner
- Spring+SpringMVC+MongoDB案例
- C++ float转换int
- android TextView 异常换行问题
- 爬取猫眼电影评论及数据分析(三)之数据可视化
- 在blast中E值(E value)是什么?
- zookeeper C API 完整运行实例
- 狼性团队五要素:沟通+信任+慎重+换位+快乐
- ccleaner-ccleaner下载