CN104007967A - 一种基于可扩展标记语言的用户界面生成方法和装置 - Google Patents
一种基于可扩展标记语言的用户界面生成方法和装置 Download PDFInfo
- Publication number
- CN104007967A CN104007967A CN201410216481.XA CN201410216481A CN104007967A CN 104007967 A CN104007967 A CN 104007967A CN 201410216481 A CN201410216481 A CN 201410216481A CN 104007967 A CN104007967 A CN 104007967A
- Authority
- CN
- China
- Prior art keywords
- node
- attribute information
- interface
- user interface
- interface configurations
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种基于xml的用户界面生成方法和装置,属于计算机技术领域。所述方法包括:获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;绘制所述多个view对象,生成所述用户界面。本发明依赖小,通用性好,可扩展性强,上手容易,降低了对开发者的要求,开发效率高。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种基于可扩展标记语言的用户界面生成方法和装置。
背景技术
UI(User Interface,用户界面)设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。现有的UI通常分为DUI(Direct User Interface,无窗口用户界面)和非DUI两种。
现有的DUI一般通过Chrome Views等框架生成。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
采用Chrome Views框架开发不易上手,对开发者的要求较高,开发效率较低。而且Chrome Views框架是专为Chrome浏览器开发的框架,依赖较多的专有代码,通用性较差。
发明内容
为了解决现有技术发效率较低、通用性较差的问题,本发明实施例提供了一种基于xml的用户界面生成方法和装置。所述技术方案如下:
一方面,本发明实施例提供了一种基于可扩展标记语言xml的用户界面生成方法,所述方法包括:
获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
绘制所述多个view对象,生成所述用户界面。
可选地,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
进一步地,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
在本发明实施例的一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
在本发明实施例的另一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
在本发明实施例的又一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息>表示大小的所述属性信息>标识高度的所述属性信息=表示宽度的所述属性信息。
在本发明实施例的又一种可能的实现方式中,在所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象之前,所述方法还包括:
采用xml定义所述界面配置节点和所述资源节点。
可选地,所述定义所述界面配置节点,包括:
采用xml定义所有所述界面配置节点共有的属性信息;
分别采用xml定义各个所述界面配置节点独有的属性信息。
进一步地,所述采用xml定义所有所述界面配置节点共有的属性信息,包括:
采用xml定义所述界面配置节点的表示宽度、高度、大小、以及位置大小的所述属性信息时,用带“-”的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的右边界或下边界的偏移量,用带“|”的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的水平方向的中间位置或垂直方向的中间位置的偏移量。
在本发明实施例的又一种可能的实现方式中,在所述绘制所述view对象,生成用户界面之后,所述方法还包括:
接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
根据所述动作信号,更新所述用户界面。
另一方面,本发明实施例提供了一种基于可扩展标记语言xml的用户界面生成装置,所述装置包括:
获取模块,用于获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
创建模块,用于根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
绘制模块,用于绘制所述多个view对象,生成所述用户界面。
可选地,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
进一步地,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
在本发明实施例的一种可能的实现方式中,所述创建模块用于,
当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
在本发明实施例的另一种可能的实现方式中,所述创建模块用于,
当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
在本发明实施例的又一种可能的实现方式中,所述创建模块用于,
当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息>表示大小的所述属性信息>标识高度的所述属性信息=表示宽度的所述属性信息。
在本发明实施例的又一种可能的实现方式中,所述装置还包括:
接收模块,用于在所述绘制所述view对象,生成用户界面之后,接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
更新模块,用于根据所述动作信号,更新所述用户界面。
本发明实施例提供的技术方案带来的有益效果是:
通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一提供的一种基于可扩展标记语言的用户界面生成方法的流程图;
图2是本发明实施例二提供的一种基于可扩展标记语言的用户界面生成方法的流程图;
图3是本发明实施例三提供的一种基于可扩展标记语言的用户界面生成装置的结构示意图;
图4是本发明实施例四提供的一种基于可扩展标记语言的用户界面生成装置的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
实施例一
本发明实施例提供了一种基于xml(extensible markup language,可扩展标记语言)的用户界面生成方法,参见图1,该方法包括:
步骤101:获取界面配置文件。
在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
步骤102:根据界面配置文件,调用界面配置节点和资源节点创建多个view(视图)对象。
在本实施例中,多个view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域。
步骤103:绘制多个view对象,生成用户界面。
本发明实施例通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
实施例二
本发明实施例提供了一种基于xml的用户界面生成方法,参见图2,该方法包括:
步骤201:获取界面配置文件。
在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
可选地,界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种。资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
具体地,文字类节点只显示纯文本,不需要支持皮肤等,文字类节点包括的节点如下表一和表二所示。其中,表一中的文字类节点只具有所有界面配置节点共有的属性,表二中的文字类节点包括所有界面配置节点共有的属性和各个界面配置节点独有的属性。
表一
节点名 | 功能 | 备注 |
button | 纯文字按钮 | |
DuiPushButton | 纯文字按钮 | 同button |
label | 文字标签 | |
DuiLabelWidget | 文字标签 | 同label |
text | 文字标签 | 同label |
link | 显示链接文字 | |
richtext | 富文本视图 |
表二
节点名 | 功能 | 备注 |
richedit | 无窗体的富文本框(richedit)实现 | |
edit | 嵌入第三方窗体实现的文本框(edit)控件 |
选框类节点类似于Windows的单/复选框控件,使用“text”属性指定说明选框功能的文字,选框类节点包括的节点如下表三所示。
表三
图片类节点与图片相关,或直接用于显示图片,或使用图片当成背景实现特别的效果,图片类节点包括的节点如下表四所示。
表四
节点名 | 功能 | 备注 |
image | 图片 | |
DuiImageWidget | 图片 | 同image |
circle | 绘制一个圆形图片 | |
imageButton | 带皮肤按钮 | |
imageButtonFade | 带淡出效果的按钮 | |
imageButtonEx | 可以设置icon和文字的带皮肤的按钮 |
布局类节点的作用是将窗体进行分区域管理,布局类节点包括的节点如下表五所示。
表五
另外,布局类节点的子节点的属性如下表六所示:
表六
可以采用如下xml代码定义布局类节点:
其中,布局类节点(即上述xml代码中的Layouts)的子节点属性的取值仅为举例。
容器的种类如下表七所示,容器类节点包括的节点如表八所示。其中,menuhost是meun子菜单的宿主,相当是子菜单的容器,tabhost是tab子菜单的宿主,相当是子菜单的容器。
表七
表八
动画类节点包括的节点如下表九所示。
表九
节点名 | 功能 | 备注 |
movie | 实现动画 |
杂项类节点包括的节点如下表十所示。
表十
其中,除YGDUIWindow(YY Game division Direct User Interface Window,YY游戏事业部无窗口用户界面框架窗口)节点(简称窗口节点)以外,其它节点都可以映射得到view对象。窗口节点无法映射得到view对象,窗口节点的属性包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动。
在本实施例的一种实现方式中,该方法还可以包括步骤:
采用xml定义界面配置节点和资源节点。
需要说明的是,该步骤只需在界面配置节点和资源节点之前执行即可,可以执行一次,也可以执行多次,执行的次数取决于界面配置节点和资源节点的调用情况。
具体地,字体节点的子节点的属性如下表十一所示:
表十一
可以采用如下xml代码定义字体节点:
其中,字体节点(即上述xml代码中的Fonts)的子节点属性的取值仅为举例。
图片节点的属性如下表十二所示,图片节点的子节点的属性如下表十三所示,一个图片节点的子节点对应一张图片:
表十二
表十三
可以采用如下xml代码定义图片节点:
其中,图片节点(即上述xml代码中的Images)和其子节点属性的取值仅为举例。
可绘制对象节点包括可绘制对象节点列表节点、九宫图可绘制对象节点、九宫图可绘制对象列表节点、按钮可绘制对象节点、渐变可绘制对象节点、以及颜色块可绘制对象节点。
在本实施例中,可绘制对象列表节点是将一些较小的皮肤图片拼接到一起合成一个皮肤图片,其中每一个小的皮肤图片称为一个子图。如果一张皮肤图片中包含多个子图,则在界面配置文件中可以通过“*subImage”(“subImage”或”IconSubImage”)属性来指定所使用的子图的索引,子图从0开始编号。可绘制对象列表节点的属性如下表十四所示:
表十四
九宫图可绘制对象节点主要是存储能进行拉伸的皮肤资源,使用marginLeft,marginRight,marginTop,marginBottom四个属性定义了在皮肤的拉伸过程中不会改变的整个视图的四个边角区域。九宫图可绘制对象节点的属性如下表十五所示:
表十五
九宫图可绘制对象列表节点综合提供可绘制对象列表节点的皮肤类别功能和对每个子图提供九宫图可绘制对象节点的皮肤拉伸功能,九宫图可绘制对象列表节点的合法属性为可绘制对象列表节点和九宫图可绘制对象节点的并集。
渐变可绘制对象节点是在指定的区域进行指定颜色的线性渐变绘制,使用color0和color1指定渐变的起始和终止颜色,起始颜色位于指定区域的两端,终止颜色位于指定区域的中线,根据中线的位置分为垂直渐变和水平渐变。渐变可绘制对象节点的属性如下表十六所示:
表十六
按钮可绘制对象节点实现按钮在鼠标停靠,鼠标点击时的动态效果,减少按钮可绘制对象的数量。按钮可绘制对象节点的属性如下表十七所示:
表十七
颜色块可绘制对象节点主要用于菜单项,根据不同状态对view对象的显示区域使用相应的颜色进行填充的效果。颜色块可绘制对象节点的属性如下表十八所示:
表十八
可以采用如下xml代码定义可绘制对象节点:
其中,九宫图可绘制对象节点(即上述xml代码中的img9)属性的取值、可绘制对象列表节点(即上述xml代码中的imglst)属性的取值、颜色块可绘制对象节点(即上述xml代码中的colors)属性的取值、九宫图可绘制对象列表节点(即上述xml代码中的imglst9)属性的取值、按钮可绘制对象节点(即上述xml代码中的button)属性的取值、仅为举例。
动画节点的子节点的属性如下表十九所示,一个动画节点的子节点对应一个动画:
表十九
可以采用如下xml代码定义动画节点:
其中,动画节点(即上述xml代码中的Animations)的子节点属性的取值仅为举例。
每一个样式节点对应一张样式,样式节点的属性如下表二十所示:
表二十
可以采用如下xml代码定义样式节点:
<styleInfo>
<style id="wtlPopBackground"skin="wtlPopBackground.9"cursor="hand"/></styleInfo>
其中,样式节点(即上述xml代码中的style)属性的取值仅为举例。
可选地,定义界面配置节点,可以包括:
采用xml定义所有界面配置节点共有的属性信息;
分别采用xml定义各个界面配置节点独有的属性信息。
具体地,所有界面配置节点共有的属性如下表二十一所示:
表二十一
进一步地,采用xml定义所有界面配置节点共有的属性信息,可以包括:
采用xml定义界面配置节点的表示宽度、高度、大小、以及位置大小的属性信息时,用带“-”的数值表示界面配置节点映射得到的view节点相对于用户界面的右边界或下边界的偏移量,用带“|”的数值表示界面配置节点映射得到的view节点相对于用户界面的水平方向的中间位置或垂直方向的中间位置的偏移量。
具体地,各个界面配置节点独有的属性如下:
Edit(编辑框)节点目前只实现了windows下的版本,只允许单行文本编辑,Edit节点独有的属性如下表二十二所示。
表二十二
Richedit(富文本编辑框)节点目前只是实现了windows下的版本,且只实现了基本功能,Richedit节点独有的属性如下表二十三所示。
表二十三
属性名 | 作用 | 取值 |
multiLine | 是否使用多行编辑模式。 | Boolean,默认为false |
Link(连接)节点没有特别的属性,但是允许使用下列的形式添加下级text(文本)子节点:
<link objectName="refreshLink"textAlign="AlignVCenter">
<![CDATA[<txt linkColor="#0000FF"textColor="#78BFDF">刷新</txt>]]>
</link>
所有text子节点都必须包含在<![CDATA[在这里放置text子节点]]>之间,这是xml的规定,包含在CDATA内的数据会被解析器忽略。Link节点的text子节点独有的属性如下表二十四所示。
表二十四
Check(复选框)节点独有的属性如下表二十五所示,对checkBoxIcon的要求是,前三张子图对应未check的checkbox的正常状态、hover状态、和pushdown状态,后三张子图对应check的checkbox的正常状态、hover状态、和pushdown状态。
表二十五
DuiCheckBox(复选框)节点独有的属性如下表二十六所示。
表二十六
Radio(单选框)节点独有的属性如下表二十七所示。
表二十七
属性名 | 作用 | 取值 |
check | 选框是否处于选中状态 | Boolean,默认为“false” |
checkState | 选框是否处于选中状态 | Boolean,默认为“false” |
DuiRadioBotton(单选框)节点独有的属性如下表二十八所示。
表二十八
DuiButtonGroup(选框组)节点会使得子节点中其中一个单选框选中时,不管其它单选框的位置,其它单选框都不选中,DuiButtonGroup节点独有的属性如下表二十九所示。
表二十九
Image(图片)节点拥有在背景图(skin)之上再贴一张前景图(skinSrc)的能力,大厅实名验证的通告面板就是用它实现的,Image节点独有的属性如下表三十所示。
表三十
DuiImageWidget(Dui图像部件)节点独有的属性如下表三十一所示。
表三十一
Circle(圆圈)节点与Image节点的唯一区别是,Circle节点将设置的皮肤绘制到一个圆形区域中去,Circle节点独有的属性如下表三十二所示。
表三十二
ImageButton(图像按钮)节点实际上是使用多个图片来获得按钮在不同状态的显示效果的,imageButton节点独有的属性如下表三十三所示。
表三十三
ImageButtonFade(图像按钮淡出)节点在ImageButton节点的基础上加入了淡出效果,ImageButtonFade节点独有的属性如下表三十四所示。
表三十四
ExtendedImageButton(图像按钮扩展)节点可以在一个带皮肤的按钮之上,绘制一个icon(iconSkin)和一段文字(text),ExtendedImageButton节点独有的属性如下表三十五所示。
表三十五
Layout(布局)节点的作用是从Layout节点的父节点映射得到的view对象获得一个区域,它的子节点都相对于它的边界,在这个区域进行绘制,Layout节点独有的属性如下表三十六所示。
表三十六
LayoutFade(布局淡出)节点在Layout节点的基础上加入了渐隐效果,LayoutFade节点独有的属性如下表三十七所示。
表三十七
DuiWidget(Dui部件)节点独有的属性如下表三十八所示。
表三十八
LinearLayout(线性布局)节点的子节点指定的位置将被忽略,所有子节点都会按itemAlign指定的排列方式,一个紧挨着另一个水平(或垂直)排列。此时垂直(或水平)方向上指定的位置将被设为零,LinearLayout的子节点对位置的设置完全被忽略了。LinearLayout节点独有的属性如下表三十九所示。
表三十九
RelativeLayout(相对布局)节点的属性是所有节点中最奇特的,下表四十中独有的属性不是放在RelativeLayout中的,而是放到它的直接子节点中。
表四十
需要说明的是,子节点中只有指定了对齐方式的节点才会对齐到RelativeLayout节点的相应边界上,若未指定,则按子节点指定的位置进行绘制。此外,Link节点不响应这些属性。对齐RelativeLayout节点的左(或)边界时,节点指定的相对于上或下边界的位置仍能保留;反之亦然。对齐方式可叠加,如可同时对齐RelativeLayout节点的左边和上边界。如果同时指定对齐父节点映射得到的view对象的左边界和右边界,则当前节点映射得到的view对象水平填满父节点映射得到的view对象;如果同时指定对齐父节点映射得到的view对象的上边界和下边界,则当前节点垂直填满父节点映射得到的view对象。
Menuhost(菜单容器)节点可以直接使用menu子节点以添加菜单,也可以使用addMenu接口在程序中动态添加,Menuhost节点独有的属性如下表四十一所示。
表四十一
Tabhost(标签容器)节点可以直接使用tab子节点以添加标签,也可以使用appendTab接口在程序中动态添加,Tabhost节点独有的属性如下表四十二所示。
表四十二
如果需要获得鼠标hover tab项目或者鼠标在tab上按下的消息,需要设置tab项目的fireHover属性为true。即可在YGDUI_DRAW_ID_CONTAINER定义的消息处理函数里处理这些消息。
Plugin(插件宿主)节点专门用于放置插件。一个Plugin节点对应一个插件。启动插件的界面可以直接在Plugin节点下配置,也可以在程序中使用界面配置xml文件动态膨胀(inflateView)。
需要注意的是,对于Plugin节点,不再是每个Plugin节点设置一个事件响应函数,而是同一个窗口中的所有Plugin节点共享同一个事件响应函数(YGDUI_NOTIFY_PLUGINS宏,例子如大厅主窗口的静音插件)。
启动插件的界面可能由多个不同的子项组成,如多个Image节点,下表四十二所示的Plugin节点独有的属性可以指定子项的宽度、高度等属性。
表四十二
ListView(列表)节点可以直接使用listItem子节点以添加列表项;也可以使用addItem接口在程序中动态添加,ListView节点独有的属性如下表四十三所示。
表四十三
如果需要获得鼠标hover listItem或者鼠标在listItem上按下的消息,需要设置listItem项目的fireHover属性为true。即可在YGDUI_DRAW_ID_CONTAINER定义的消息处理函数里处理这些消息。
Viewstub(视图根)节点拥有Layout节点的所有能力,Viewstub之所以没有成为Layout的又一个别名,是因为它提供了一个非常强大的功能,加载外部界面配置文件来生成界面的能力。
使用“Layout”属性,可以指定外部界面配置文件的id。这个id定义在yg_config.xml中,代表了文件系统上一个xml文件。外部界面配置文件可以不用<xmlui></xmlui>包裹。
<merge></merge>在子界面配置文件中代表了父节点,并且对<merge>所设的属性将会应用到父节点。故而,在界面配置文件中,<merge>必须是顶层节点,或<xmlui>的第一个子节点。Merge在ygdui中是不能映射得到view对象的。
如果需要在程序运行时再读入外部界面配置文件,可以设置delay参数;如果需要在程序中才指定或更改外部界面配置文件,必须设定“delay”属性为“true”。Viewstub节点独有的属性如下表四十四所示。
表四十四
Tab(标签页)节点可以直接在各种节点生成标签,也可以像Viewstub节点一样,装载外部界面配置文件来生成。Tab节点独有的属性如下表四十五所示。
表四十五
Menu(菜单项)节点可以直接在各种节点生成菜单项,也可以像Viewstub节点一样,装载外部界面配置文件来生成。Menu节点独有的属性如下表四十六所示。
表四十六
ListItem(列表项)节点可以直接在各种节点生成,也可以像Viewstub节点一样,装载外部界面配置文件来生成。ListItem节点独有的属性如下表四十七所示。
表四十七
Movie(电影)节点独有的属性如下表四十八所示。
表四十八
属性名 | 作用 | 取值 |
anima | 要播放的动画id。 | 定义在animation.xml中 |
Gif(图像文件)节点独有的属性如下表四十九所示。
表四十九
属性名 | 作用 | 取值 |
gif | 要播放的gif图片的文件系统路径 | 合法的文件系统路径值 |
Progress(进度条)节点独有的属性如下表五十所示。
表五十
Realwnd(占位窗体)节点是在指定的位置生成一个窗体,以便将来在那个位置绘制其它view对象(主要是Windows控件),并不进行绘制。
实际使用时,指定realwnd的id,在程序中,生成新的窗体或控件,指定与realwnd相同的id即可,ygdui可以自动将它放到realwnd所占的位置。也可以使用YGDUI_NOTIFY_TAG_LAYOUT或YGDUI_NOTIFY_TAG_LAYOUT指定一个处理函数。每当realWnd的位置或size发生变化时,就会调用所设置的处理函数。Realwnd节点独有的属性如下表五十一所示。
表五十一
如大厅设置窗体中的edit控件的边框。在hall_setting.xml中有下列节点:
<realwnd id="20120429"objectName="hotKeyBoss"paddingLeft="6"paddingRight="4"paddingTop="8"paddingBottom="6"styleId="wndBorder"fixPos="70,0,110,-0"onlyDraw="1"/>
Scrollbar(滚动条)节点主要用于实现一个滑动块,帮助实现滚动条。Scrollbar节点独有的属性如下表五十二所示。
表五十二
Combox(组合框)节点没有提供默认实现下拉列表窗体(dropdown list),需要通过Combox节点的initDropDown接口设置。Combox节点独有的属性如下表五十三所示。
表五十三
Scroll(滚动)节点独有的属性如下表五十四所示。
表五十四
YGDUIWindow节点设置窗口效果,ygdui不能映射得到view对象。YGDUIWindow节点独有的属性如下表五十五所示。
表五十五
Separator(分隔符控件)节点提供控件之间视觉上的分隔,不进行状态绘制。Separator节点独有的属性如下表五十六所示。
表五十六
步骤202:根据界面配置文件,调用界面配置节点和资源节点创建多个view对象。
在本实施例中,多个view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域。
在本实施例的一种实现方式中,该步骤202可以包括:
当属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用非样式节点创建view对象,非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
在本实施例的另一种实现方式中,该步骤202可以包括:
当属性信息出现错误时,采用默认的取值作为属性信息。
在本实施例的又一种实现方式中,该步骤202可以包括:
当表示宽度、高度、大小、以及位置大小的属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的属性信息>表示大小的属性信息>标识高度的属性信息=表示宽度的属性信息。
在具体实现中,当表示宽度、高度、大小、以及位置大小的属性信息之间不匹配时,首先判断表示大小的属性信息与表示位置大小的属性信息是否匹配,若不匹配,则调整表示大小的属性信息直到调整后的表示大小的属性信息与表示位置大小的属性信息匹配。然后判断表示高度的属性信息或表示宽度的属性信息是否与表示位置大小的属性信息(或表示大小的属性信息)匹配,若不匹配,则调整表示高度的属性信息或表示宽度的属性信息直到调整后的表示高度的属性信息或表示宽度的属性信息与表示位置大小的属性信息(或表示大小的属性信息)匹配。
在本实施例的又一种实现方式中,该步骤202可以包括:
当属性信息与属性信息包括的资源节点的标识对应的资源节点的属性信息不匹配时,优先采用属性信息。
例如,界面配置节点的属性信息包括大小为“宽度31个像素和高度31个像素”和一个资源节点的标识“20120000”,标识为“20120000”的资源节点的属性信息包括大小为“宽度30个像素和高度30个像素”,那么界面配置节点映射得到的view对象的宽度和高度均为31个像素。
在本实施例的又一种实现方式中,在该步骤202之前,该方法还可以包括步骤:
将界面配置节点和资源节点加载到资源池中。
需要说明的是,资源池是用于存放软件运行过程中调用的资源的容器,由资源管理器管理。
步骤203:绘制多个view对象,生成用户界面。
可以理解地,由于多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域,因此整个用户界面相当于一个绘制树,这个绘制树的分支是用户界面的各个子区域(即view对象)。当绘制多个view对象时,view对象需要从各自对应的界面配置节点映射得到,而根据界面配置节点的属性信息绘制view对象时,需要调用资源节点,如此层层调用,与数的遍历过程是相同的。进而在实际应用中,该步骤203是通过遍历绘制树完成的。
步骤204:接收鼠标的动作信号。该步骤204为可选步骤。
在本实施例中,动作信号包括鼠标的光标在用户界面上停留的位置、鼠标按键产生的控制指令。
步骤205:根据动作信号,更新用户界面。该步骤205在步骤204之后执行。
本发明实施例通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
实施例三
本发明实施例提供了一种基于xml的用户界面生成装置,参见图3,该装置包括:
获取模块301,用于获取界面配置文件;
创建模块302,用于根据界面配置文件,调用界面配置节点和资源节点创建多个view对象;
绘制模块303,用于绘制多个view对象,生成用户界面。
在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
多个view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域。
需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
本发明实施例通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
实施例四
本发明实施例提供了一种基于xml的用户界面生成装置,参见图4,该装置包括:
获取模块401,用于获取界面配置文件;
创建模块402,用于根据界面配置文件,调用界面配置节点和资源节点创建多个view对象;
绘制模块403,用于绘制多个view对象,生成用户界面。
在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
多个view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域。
需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
可选地,界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
进一步地,杂项类节点包括窗口节点,窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,窗口节点无法映射得到view对象。
在本实施例的一种实现方式中,创建模块402可以用于,
当属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用非样式节点创建view对象,非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
在本实施例的另一种实现方式中,创建模块402可以用于,
当属性信息出现错误时,采用默认的取值作为属性信息。
在本实施例的又一种实现方式中,创建模块402可以用于,
当表示宽度、高度、大小、以及位置大小的属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的属性信息>表示大小的属性信息>标识高度的属性信息=表示宽度的属性信息。
在本实施例的又一种实现方式中,该装置还可以包括:
接收模块404,用于在绘制view对象,生成用户界面之后,接收鼠标的动作信号,动作信号包括鼠标的光标在用户界面上停留的位置、鼠标按键产生的控制指令;
更新模块405,用于根据动作信号,更新用户界面。
本发明实施例通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
需要说明的是:上述实施例提供的基于xml的用于界面生成装置在生成用户界面时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的基于xml的用户界面生成装置与装置xml的用户界面生成方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (17)
1.一种基于可扩展标记语言xml的用户界面生成方法,其特征在于,所述方法包括:
获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
绘制所述多个view对象,生成所述用户界面。
2.根据权利要求1所述的方法,其特征在于,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
3.根据权利要求2所述的方法,其特征在于,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
4.根据权利要求2或3所述的方法,其特征在于,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
5.根据权利要求2或3所述的方法,其特征在于,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
6.根据权利要求2或3所述的方法,其特征在于,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息>表示大小的所述属性信息>标识高度的所述属性信息=表示宽度的所述属性信息。
7.根据权利要求2或3所述的方法,其特征在于,在所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象之前,所述方法还包括:
采用xml定义所述界面配置节点和所述资源节点。
8.根据权利要求7所述的方法,其特征在于,所述定义所述界面配置节点,包括:
采用xml定义所有所述界面配置节点共有的属性信息;
分别采用xml定义各个所述界面配置节点独有的属性信息。
9.根据权利要求8所述的方法,其特征在于,所述采用xml定义所有所述界面配置节点共有的属性信息,包括:
采用xml定义所述界面配置节点的表示宽度、高度、大小、以及位置大小的所述属性信息时,用带“-”的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的右边界或下边界的偏移量,用带“|”的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的水平方向的中间位置或垂直方向的中间位置的偏移量。
10.根据权利要求1-3任一项所述的方法,其特征在于,在所述绘制所述view对象,生成用户界面之后,所述方法还包括:
接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
根据所述动作信号,更新所述用户界面。
11.一种基于可扩展标记语言xml的用户界面生成装置,其特征在于,所述装置包括:
获取模块,用于获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
创建模块,用于根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
绘制模块,用于绘制所述多个view对象,生成所述用户界面。
12.根据权利要求11所述的装置,其特征在于,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
13.根据权利要求12所述的装置,其特征在于,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
14.根据权利要求12或13所述的装置,其特征在于,所述创建模块用于,
当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
15.根据权利要求12或13所述的装置,其特征在于,所述创建模块用于,
当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
16.根据权利要求12或13所述的装置,其特征在于,所述创建模块用于,
当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息>表示大小的所述属性信息>标识高度的所述属性信息=表示宽度的所述属性信息。
17.根据权利要求11-13任一项所述的装置,其特征在于,所述装置还包括:
接收模块,用于在所述绘制所述view对象,生成用户界面之后,接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
更新模块,用于根据所述动作信号,更新所述用户界面。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410216481.XA CN104007967B (zh) | 2014-05-21 | 2014-05-21 | 一种基于可扩展标记语言的用户界面生成方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410216481.XA CN104007967B (zh) | 2014-05-21 | 2014-05-21 | 一种基于可扩展标记语言的用户界面生成方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104007967A true CN104007967A (zh) | 2014-08-27 |
CN104007967B CN104007967B (zh) | 2017-09-12 |
Family
ID=51368634
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410216481.XA Active CN104007967B (zh) | 2014-05-21 | 2014-05-21 | 一种基于可扩展标记语言的用户界面生成方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104007967B (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105281799A (zh) * | 2015-12-02 | 2016-01-27 | 海南易建科技股份有限公司 | 一种智能对讲机的按键功能设置方法及系统 |
CN105677371A (zh) * | 2016-03-18 | 2016-06-15 | 山东华软金盾软件股份有限公司 | 一种软件界面快速生成方法和系统 |
CN106792115A (zh) * | 2016-12-12 | 2017-05-31 | Tcl集团股份有限公司 | 一种配置智能电视外部数据的方法和装置 |
WO2017124976A1 (zh) * | 2016-01-22 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 一种应用资源获取方法及装置 |
CN107133032A (zh) * | 2017-04-10 | 2017-09-05 | 湖南中车时代通信信号有限公司 | 一种全线站场图图形界面系统 |
CN107491311A (zh) * | 2017-08-16 | 2017-12-19 | 广州视源电子科技股份有限公司 | 生成页面文件的方法、系统以及计算机设备 |
CN108572859A (zh) * | 2017-12-28 | 2018-09-25 | 山东中创软件商用中间件股份有限公司 | 一种可配置的执行程序系统及其控制方法 |
CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
CN110998515A (zh) * | 2017-05-31 | 2020-04-10 | Abb瑞士股份有限公司 | 工业控制系统中的现场装置接口 |
CN112052050A (zh) * | 2020-08-20 | 2020-12-08 | 腾讯科技(深圳)有限公司 | 一种分享图片生成方法、系统及存储介质和终端设备 |
CN112099793A (zh) * | 2020-09-25 | 2020-12-18 | 成都极米科技股份有限公司 | 界面生成方法、装置、电子设备及存储介质 |
CN113268301A (zh) * | 2021-05-25 | 2021-08-17 | 北京北大方正电子有限公司 | 动画生成方法、装置、设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1584828A (zh) * | 2004-06-02 | 2005-02-23 | 中兴通讯股份有限公司 | 一种电信设备配置界面自动生成方法 |
KR20070062644A (ko) * | 2005-12-13 | 2007-06-18 | 엘지노텔 주식회사 | 동적 구성관리 xml 익스포트 방법 |
CN101192143A (zh) * | 2006-12-01 | 2008-06-04 | 上海亚伦科技有限公司 | 一种软件界面的构造方法 |
CN101859245A (zh) * | 2009-04-09 | 2010-10-13 | 北大方正集团有限公司 | 一种生成用户界面的方法和装置 |
CN103309659A (zh) * | 2013-05-24 | 2013-09-18 | 天津市天安怡和信息技术有限公司 | 基于富客户端的用户界面动态生成方法及其生成装置 |
CN103488479A (zh) * | 2013-09-04 | 2014-01-01 | 用友软件股份有限公司 | 客户端界面动态生成装置和客户端界面动态生成方法 |
-
2014
- 2014-05-21 CN CN201410216481.XA patent/CN104007967B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1584828A (zh) * | 2004-06-02 | 2005-02-23 | 中兴通讯股份有限公司 | 一种电信设备配置界面自动生成方法 |
KR20070062644A (ko) * | 2005-12-13 | 2007-06-18 | 엘지노텔 주식회사 | 동적 구성관리 xml 익스포트 방법 |
CN101192143A (zh) * | 2006-12-01 | 2008-06-04 | 上海亚伦科技有限公司 | 一种软件界面的构造方法 |
CN101859245A (zh) * | 2009-04-09 | 2010-10-13 | 北大方正集团有限公司 | 一种生成用户界面的方法和装置 |
CN103309659A (zh) * | 2013-05-24 | 2013-09-18 | 天津市天安怡和信息技术有限公司 | 基于富客户端的用户界面动态生成方法及其生成装置 |
CN103488479A (zh) * | 2013-09-04 | 2014-01-01 | 用友软件股份有限公司 | 客户端界面动态生成装置和客户端界面动态生成方法 |
Non-Patent Citations (4)
Title |
---|
武一等: "基于Direct UI的界面库设计", 《河北工业大学学报》 * |
章建春: "一种基于XML的个性化界面系统的研究与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
逄晓东: "基于WTL的DirectUI开发框架研究与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
韦秋实: "基于脚本语言的人机交互界面引擎的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105281799A (zh) * | 2015-12-02 | 2016-01-27 | 海南易建科技股份有限公司 | 一种智能对讲机的按键功能设置方法及系统 |
WO2017124976A1 (zh) * | 2016-01-22 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 一种应用资源获取方法及装置 |
CN105677371A (zh) * | 2016-03-18 | 2016-06-15 | 山东华软金盾软件股份有限公司 | 一种软件界面快速生成方法和系统 |
CN105677371B (zh) * | 2016-03-18 | 2020-05-19 | 山东华软金盾软件股份有限公司 | 一种软件界面快速生成方法和系统 |
CN106792115A (zh) * | 2016-12-12 | 2017-05-31 | Tcl集团股份有限公司 | 一种配置智能电视外部数据的方法和装置 |
CN107133032A (zh) * | 2017-04-10 | 2017-09-05 | 湖南中车时代通信信号有限公司 | 一种全线站场图图形界面系统 |
CN107133032B (zh) * | 2017-04-10 | 2020-07-31 | 中国中车股份有限公司 | 一种全线站场图图形界面系统 |
CN110998515A (zh) * | 2017-05-31 | 2020-04-10 | Abb瑞士股份有限公司 | 工业控制系统中的现场装置接口 |
CN110998515B (zh) * | 2017-05-31 | 2024-03-15 | Abb瑞士股份有限公司 | 工业控制系统中的现场装置接口 |
CN107491311A (zh) * | 2017-08-16 | 2017-12-19 | 广州视源电子科技股份有限公司 | 生成页面文件的方法、系统以及计算机设备 |
CN107491311B (zh) * | 2017-08-16 | 2021-08-13 | 广州视源电子科技股份有限公司 | 生成页面文件的方法、系统以及计算机设备 |
CN108572859A (zh) * | 2017-12-28 | 2018-09-25 | 山东中创软件商用中间件股份有限公司 | 一种可配置的执行程序系统及其控制方法 |
CN110597512A (zh) * | 2019-08-23 | 2019-12-20 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
WO2021036735A1 (zh) * | 2019-08-23 | 2021-03-04 | 华为技术有限公司 | 显示用户界面的方法及电子设备 |
CN112052050A (zh) * | 2020-08-20 | 2020-12-08 | 腾讯科技(深圳)有限公司 | 一种分享图片生成方法、系统及存储介质和终端设备 |
CN112099793A (zh) * | 2020-09-25 | 2020-12-18 | 成都极米科技股份有限公司 | 界面生成方法、装置、电子设备及存储介质 |
CN112099793B (zh) * | 2020-09-25 | 2023-08-22 | 成都极米科技股份有限公司 | 界面生成方法、装置、电子设备及存储介质 |
CN113268301A (zh) * | 2021-05-25 | 2021-08-17 | 北京北大方正电子有限公司 | 动画生成方法、装置、设备及存储介质 |
CN113268301B (zh) * | 2021-05-25 | 2024-02-13 | 北京北大方正电子有限公司 | 动画生成方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104007967B (zh) | 2017-09-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104007967A (zh) | 一种基于可扩展标记语言的用户界面生成方法和装置 | |
US9910567B2 (en) | Providing a user interface | |
US7694229B2 (en) | System and theme file format for creating visual styles | |
Petzold | Creating Mobile Apps with Xamarin. Forms Preview Edition 2 | |
US11216253B2 (en) | Application prototyping tool | |
KR101456506B1 (ko) | 웹 어플리케이션 저작도구 및 저작 방법 | |
CN104685466B (zh) | 用于提供多个视图的浏览器级背景页面 | |
US20110258534A1 (en) | Declarative definition of complex user interface state changes | |
Smith et al. | Android recipes: a problem-solution approach | |
US20060225037A1 (en) | Enabling UI template customization and reuse through parameterization | |
EP3037958B1 (en) | Declarative user interface representation conversion via hierarchical templates | |
US20070006136A1 (en) | Providing a user interface | |
CN102073502A (zh) | 一种利用web原生布局进行页面渲染的方法及装置 | |
CN105302578A (zh) | 一种拖拽式布局配置的门户综合管理系统 | |
Blankenhorn et al. | A UML profile for GUI layout | |
CN111324381B (zh) | 开发系统、方法、装置、计算机设备及存储介质 | |
US20200394055A1 (en) | System and method for providing a configurable user interface using a self-describing data system | |
US20060259869A1 (en) | Providing a user interface | |
US20060259868A1 (en) | Providing a user interface | |
CN114548056A (zh) | 富文本编辑方法、装置及设备 | |
US20110302558A1 (en) | System and Method for Constructing an Application Using Distributed Functionalities | |
Lewis et al. | Native mobile development: a cross-reference for iOS and Android | |
CN114153442A (zh) | 基于可视化组件的大屏可视化页面配置方法和系统 | |
JP2001306310A (ja) | Gui部作成支援方法及び装置並びにアプリケーション開発方法 | |
US9176746B2 (en) | Data templates in user interface elements |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 511446 Guangzhou City, Guangdong Province, Panyu District, South Village, Huambo Business District Wanda Plaza, block B1, floor 28 Applicant after: Guangzhou Huaduo Network Technology Co., Ltd. Address before: 510655, Guangzhou, Whampoa Avenue, No. 2, creative industrial park, building 3-08, Applicant before: Guangzhou Huaduo Network Technology Co., Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |