# Android UI绘制原理
## 1. 流程概述
Android UI绘制原理是指Android系统如何将UI元素绘制到屏幕上的过程。整个绘制流程可以分为以下几个步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 构建视图层次结构 |
| 2 | 测量视图尺寸 |
| 3 | 布局视图位置 |
| 4 | 绘制视图内容 |
| 5 | 绘制视图到屏幕 |
## 2
原创
2023-07-21 21:16:21
138阅读
前言 这篇blog是我在阅读过csdn大牛郭霖的《带你一步步深入了解View》一系列文章后，亲身实践并做出的小结。作为有志向的前端开发工程师，怎么可以不搞懂View绘制的基本原理——简直就像做后端却对数据库一无所知一样不可原谅！ “纸上得来终觉浅，绝知此事要躬行。” 尽管自己对View的绘制仍然处于一知半解的程度，但凡事总要经过从0到1，方能从1到100。今天暂且记录下此时的理解与实践，作为千
转载
2023-08-30 13:44:08
58阅读
Android系统的绘制原理绘制任务由应用发起，最终通过系统层绘制到硬件屏幕上，也就是说应用进程绘制后，通过跨进程通信机制把需要显示的数据传到系统层，由系统层中的SurfaceFlinger服务绘制到屏幕上；1.应用层一个Android应用程序窗口里面包含了很多UI元素，这些UI元素是以树形结构来组织的，即它们存在着父子关系，其中，子UI元素位于父UI元素里面，如下图：在绘制一个Android应用
转载
2023-06-27 21:51:04
50阅读
Android自定义View通常需要经过measure、layout和draw过程。如果你没有了解过measure过程，可以先看看这篇文章。如果你没有了解过layout过程，可以先看看这篇文章。一、draw的作用：绘制View视图二、draw过程：类似measure和layout过程，draw过程也分为两种情况View类型Draw过程单一View仅绘制View本身ViewGroup绘制View本身
转载
2023-08-25 18:07:04
90阅读
第一步：自定义xml属性新建一个android项目，在values文件夹中新建一个atts.xml的文件，在这个xml文件中声明我们一会在使用自定义控件时候需要指明的属性。atts.xml<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="ToolBar"&g
前言 根据Android事件分发机制一文中我们初步了解了Activity的UI视图结构，分别是Activity PhoneView DecorView ViewGroup view 这些。我们也都知道View的主要工作流程是依靠三大方法：onMeasure、onLayout、onDraw。其中measure确定View的测量宽高，layout根据测量的宽高确定View在其
转载
2023-06-26 12:24:07
73阅读
在了解绘制原理之前，我们首先了解一下View视图结构1. Android UI View视图结构View是如何被添加到屏幕窗口上？1.1 平常代码中使用如下方式添加布局xml到Activity或Fragment中setContentView(R.layout.main);1.2 接1.1场景下，接下来在Activity中会调用如下代码段/**
* getWindow()方法调用
# Android UI布局和绘制原理
Android UI的布局和绘制是Android开发中的重要知识点，它涉及到界面的显示和用户交互。本文将介绍Android UI的布局和绘制原理，并提供代码示例帮助读者更好地理解。
## 布局原理
在Android中，布局是指如何将UI组件放置在屏幕上，并且根据不同的屏幕尺寸和方向进行适配。Android提供了多种布局方式，如线性布局、相对布局、帧布局
原创
2024-04-04 06:11:16
145阅读
先来看一个高频面试题：介绍一下 Android 屏幕显示原理，开发编写的 View 控件，是怎么变成屏幕上显示的图像的？这个问题该怎么回答呢？一个思路是先整体串讲，宏观的把Android UI 显示原理的关键知识点都涉及到，然后再细化具体介绍，知识点如下：Activity 显示原理(Window/DecorView/ViewRoot)UI 刷新机制(Choreographer/vSync)UI 绘
转载
2023-11-24 00:27:52
64阅读
前言 这已经是Android UI 绘制过程浅析系列文章的第五篇了，不出意外的话也是最后一篇。再次声明一下，这一系列文章，是我在拜读了大牛郭霖的博客文章《带你一步步深入了解View》后进行的实践。 前面依次了解了inflate的过程，以及绘制View的三个步骤：measure, layout, draw。这一次来亲身实践一下，通过自定义View来加深对这几个过程的理解。自定义View的分类
转载
2024-01-28 07:26:59
70阅读
会讲到自定义View的时候为什么要重写onMeasure()方法。一 用户的R.layout.activty_xxx.xml加载到window的流程首先系统会创建一个顶层容器DecorView,是继承framelayout的viewgroup。 DecorView是Phonewindow.java持有的一个实例。在系统内部帮我们初始化好了DecorView对象， 然后根据activit
转载
2023-08-01 15:26:44
77阅读
前言 这已经是Android UI 绘制过程浅析系列文章的第五篇了，不出意外的话也是最后一篇。再次声明一下，这一系列文章，是我在拜读了csdn大牛郭霖的博客文章《带你一步步深入了解View》后进行的实践。 前面依次了解了inflate的过程，以及绘制View的三个步骤：measure, layout, draw。这一次来亲身实践一下，通过自定义View来加深对这几个过程的理解。自定义View的
转载
2023-07-27 22:54:01
99阅读
一、Android UI绘制流程及原理根据Activity设置布局的方法：setContentView()，来追溯源码中的UI绘制的流程。此方法中执行了window的setContentView()方法， getWindow().setContentView(layoutResID); window类是一个抽象类，是顶级窗口外观和行为策略的抽象基类，PhoneWindow是Window的唯一实现类
转载
2023-07-31 12:38:18
117阅读
上一篇博客介绍了我们自己写的布局是如何通过setContentView()来加载到屏幕中。这一篇将会继续讲解当布局文件加载出来后，布局里边的控件是经过怎样的步骤来显示出来的。
在上一篇博客中最后分析出我们自己写的布局最终会加载到DecorView中id为content的FramLayout中,而Framlayout继承自ViewGroup。所以如果要
转载
2024-04-08 00:01:24
38阅读
本文将介绍Android UI的绘制流程。简单来说就是Android的界面是经过怎样的步骤来显示出来的。 文章目录1 Activity的setContentView2 Window的setContentView()方法3 PhoneWindow的setContentView()方法3.1 installDecor()3.2 generateLayout()3.2.1 获取主题的样式3.2.2 获取
转载
2023-09-24 10:21:32
51阅读
本文讲的是从布局加载、activity启动、绘制流程的讲解需要对照源码来看，如果有什么错误也请大家见谅！每当我们启动一个activity之后，我们之前在xul里面写的标签对布局就会按照我们想要的样式呈现在屏幕上，android是如何将xml会知道屏幕上的呢？对于ui的绘制，我们就会有三个疑问：android是如何将xml布局加载进activity绘制的window上面的？布局是在什么时候开始绘制的
转载
2024-07-28 10:53:57
29阅读
View的绘制流程分为mesure、layout和draw三个阶段，measure是对view宽和高进行测量，确定了view的measuredwidht和measuredheight，layout是对view进行布局，确定了view四个顶点的位置，draw是将view绘制在屏幕之上。1、Measure，View的measure要分为两种情况来说：1.1、非容器View，它的measure 过程比较
转载
2023-07-28 18:45:39
60阅读
首先明确View是如何被添加到屏幕窗口上的1创建顶层布局容器 DecorView2在顶层布局
原创
2023-03-08 09:09:46
129阅读
主要说下视图的绘制，不关注启动流程。一个应用启动，首先会启动一个主Activity，然后开始加载视图进行绘制。而绘制会从跟视图ViewRootImpl.java 的performTraversals()方法开始，从上到下遍历整个视图树，每个view控件负责绘制自己，而viewGroup还需要负责通知自己的子View进行绘制操作。视图绘制的过程可以分为三个步骤:测量(Measure)布局(
转载
2023-09-22 15:42:18
76阅读
目录一、Activity加载显示基本流程二、布局加载一、探秘setContentView（activity屏幕安装的位置）二、Window（电子屏幕）三、PhoneWindow（手机屏幕）四、DecorView（屏幕显示的内容）五、关系图三、UI绘制1、requestLayout2、invalidate3、ViewRootImpl4、流程图5、masure5.1、View的测量5.2、ViewGr
转载
2023-08-23 21:13:46
116阅读
