基于约束的用户界面的描述方法.pdfVIP

基于约束的用户界面的描述方法 孙景乐李学庆 山东大学计算机科学与技术学院．山东省济南市，250101 摘要：本文通过对用户界面的构成要素进行抽象、分类描述，使用户界面的描述更具有一般 性，与平台及语言无关，使用户界面可适用于不同的设备，从而使用户界面的可移植性更好， 减少重复开发。本文给出了一种简化了空间约束的界面描述方法，利用单一对应原则解决了由 于对组件分组不当而使生成界面与设计初衷不一致的问题。通过界面风格的描述，使得最终生 成的用户界面能较好的满足用户对界面的美观、易用要求。 关键词：空间约束；抽象约束；AIO；C10；组件树；单一对应原则 1．引言 基于约束的用户界面描述方法是一种新的描述方法，它将界面信息与程序分离，使界 面描述更具一般性。约束可分为空间约束和抽象约束口J，空间约束直接描述了组件的相对 位置，抽象约束则揣述了绸件问的逻辑关系。在当前已经提出了一种树彤的用户界面描述 方法t21，将界画中的组件按照一定规则进行分组pl，形成一棵组件树，空间约束只存在于 兄弟节点之间。按照当前的分组原则pJ，当某一组件尺寸可跨越另外多个组件的尺寸时， 会出现实际产生的界面与设计意图不一致的问题。 本文提出一种新的组件分组原则，即单一对应原则。在对组件分组时要严格遵循这个 原则，这样就不会产生界面不一致问题，最后生成的界面效果与设计意图基本一致。本文 主要是用基于约束的方法对界面进行了更系统全面的描述，充分利用了抽象约束，使组件 的分组更合理，可以方便地在手机等显示尺寸受限的设备上有顺序的显示。本文将四个线 性空间约束Il’精简到只用两个来描述空间约束，使得空间约束的描述更简单、清晰，在解 析空间约束时降低了复杂度。 本文内容安排如下：第一部分为引言，第二部分讲述了约束的概念及分类，第三部分 着重陈述了如何利用约束来描述用户界面，第四部分说明了从约束描述到实际组件布局的 计算方法及过程，第五部分讲述了不同环境下界面的生成过程，第六部分对本文做了简要 总结。 2．约束 界面中的约束就是存在于各组件之间的位置或逻辑上的限制，使得各组件按照一定规 则排列。约束总体上分为空间约束和抽象约束‘1，…。 5I20)和自然科学基台项目 资助m目973项13(2004CB719403)、863项目(2004AAll educll 联系作者李学废，L-maili pku lqc@graphics 528 第二部分第一届全国人机交耳学术会议 2．1空间约束及描述 空间约束指组件在空阃上的相对位置关系的约束。铡如“B在A的右边，c在D的下 边”等。空间约束的描述比较简单，当前用四个线性空间约束[1，31来描述空间约束：left．of, right—of,above，below。实际上只用两个线性空间约束就足以描述组件间的空间相对位置， 用1eft．of来描述水平方向的位盟关系，用above来描述垂直方向的位置关系。凶为“B fight-of A”总可以转化为“A left—ofB”。所以在空间描述中只用两个元素来描述空间约束：teft-of 和above。空间约束只存在于组件树中的兄弟节点之间，孩子同祖先不存在空间约束关系， 孩子节点只能被限制在父亲节点的空间内，参照列表1、列表2。 列表l空闻约束的xml描述 列表2依赖性约束的xml描述 constia／nttype_”teR-of”’ inputID3”i2”width=“100”height=”20”’ labelName／label InteractopPersonal／Interactor Interactor单化组1／Interactor (text／text ／constraint