今天终于又把界面解释器的逻辑理顺了一次。
界面解释器定义如下：
1.输入：一个代表界面定义逻辑的字符串
2.输出：一个对应的UI界面
3.处理：将一个字符串翻译成对应的UI界面
简单来说，在设计实现一个界面解释器时，可以参考语言解释器的处理方法，把整个UI解释器处理分为两个大的阶段。
第一个阶段是语法分析的阶段，在这个阶段把字符串翻译成一个内部表示UI元素的AST树。这个树的根节点是一个容器，对应到未来绘图的画板上，这颗树的叶子节点就是抽象出来的具体UI元素组件，但只是模型，而尚未实现。
第二个阶段是具体的绘图阶段，这一阶段的输入是上面分析得到的AST树，通过对这颗树进行从上往下的遍历，将具体的模型使用对应UI组件库的元素一一进行替换即可。
上面说的这个UI解释器的处理逻辑是通用格式的，不限制于具体的实现语言与实现逻辑，关键点在于最底层具体UI库的支持，如果缺少了这一层，绘图工作就会变得复杂许多了。
今天按照这个思路重构一下web UI的项目。
今天终于又把界面解释器的逻辑理顺了一次。 界面解释器定义如下： 1.输入：一个代表界面定义逻辑的字符串 2.输出：...
Face UI: 人机交互，操作逻辑，界面美观的整体设计 图像设计 研究界面 交互设计 研究人和界面spec 用户...
UI：用户界面；指对软件的人机交互/操作逻辑/界面美观的整体设计。 包括：交互设计/用户研究/界面设计。 视觉包括...
User Interface—用户界面 UI设计即对软件的人机交互、操作逻辑、界面美观的整体设计。 UI设计师强调...
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚...
界面是人与机器传递信息的媒介，而界面设计是包含人机交互、操作逻辑、界面美观的整体性设计。界面设计的职责首先满...
首先先来看看什么是UI设计： UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面...
1.解释模型-视图-控制器（MVC）是一个众所周知的以设计界面应用程序为基础的[设计模式]，主要通过分离模型，视图...
User Interface（用户界面)，简称ui，是指对软件的人机交互、操作逻辑、界面美观的整体设计。 UI设计...
首先我们来说UI设计是是什么！UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计...
本文标题：界面解释器的设计逻辑
本文链接：https://www.haomeiwen.com/subject/hkgpoltx.html
网友评论