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)

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些