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)

原文地址:https://www.cnblogs.com/feng9exe/p/10900806.html