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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值