UI系统的表示与维护

UI系统的表示与维护：

渲染单元的组织、维护、交互、解释、渲染。

 

UI系统在应用层连接着视图的表示，在系统层连接着视图的绘制。

 

一、UI的结构

树形结构

 

二、UI的描述：

1、UI系统或UIkit或UI开发工具箱、UI环境

依赖于UI的解释机制。

 

1、标记语言：

html

xml

markdown

storyboard

 

2、组件化描述

原生系统对基础UI组件的表示；

原生系统对复合UI组件的表示；

原生系统对布局和样式的表示；

原生系统对事件的表示；

 

3、标记语言与组件化描述的关系

1）标记语言和组件化描述是对相同GUI的不同描述形式；标记语言的抽象基本更高；

2）标记语言可以通过解析渲染器直接将语言渲染为图片，也可以通过解析解释（反序列化）解释为组件描述的形式（iOS、android）

3）通过组件化描述操纵标记语言，最终通过标记语言的渲染器渲染为视图：html+js；

4）标记语言可以解释（反序列化）为组件化描述，从而通过系统为组件化描述提供的图形接口绘制为图形。

 

 

三、UI系统的渲染机制

 

1、解释渲染：

用于标记语言

 

2、指令渲染

用于组件化描述

 

四、UI的更新（渲染）机制

事件循环+标记更新机制（iOS）