一种基于可扩展标记语言的用户界面生成方法和装置制造方法

文档序号:6547133阅读:107来源:国知局
一种基于可扩展标记语言的用户界面生成方法和装置制造方法
【专利摘要】本发明公开了一种基于xml的用户界面生成方法和装置,属于计算机【技术领域】。所述方法包括:获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;绘制所述多个view对象,生成所述用户界面。本发明依赖小,通用性好,可扩展性强,上手容易,降低了对开发者的要求,开发效率高。
【专利说明】一种基于可扩展标记语言的用户界面生成方法和装置
【技术领域】
[0001]本发明涉及计算机【技术领域】,特别涉及一种基于可扩展标记语言的用户界面生成方法和装置。
【背景技术】
[0002]UI (User Interface,用户界面)设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。现有的Π通常分为DUI (Direct User Interface,无窗口用户界面)和非DUI两种。
[0003]现有的DUI —般通过Chrome Views等框架生成。
[0004]在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
[0005]采用Chrome Views框架开发不易上手,对开发者的要求较高,开发效率较低。而且Chrome Views框架是专为Chrome浏览器开发的框架,依赖较多的专有代码,通用性较差。

【发明内容】

[0006]为了解决现有技术发效率较低、通用性较差的问题,本发明实施例提供了一种基于xml的用户界面生成方法和装置。所述技术方案如下:
[0007]—方面,本发明实施例提供了一种基于可扩展标记语言xml的用户界面生成方法,所述方法包括:
[0008]获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
[0009]根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
[0010]绘制所述多个view对象,生成所述用户界面。
[0011]可选地,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
[0012]进一步地,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
[0013]在本发明实施例的一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
[0014]当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。[0015]在本发明实施例的另一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
[0016]当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
[0017]在本发明实施例的又一种可能的实现方式中,所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象,包括:
[0018]当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息> 表示大小的所述属性信息 > 标识高度的所述属性信息=表示宽度的所述属性信息。
[0019]在本发明实施例的又一种可能的实现方式中,在所述根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个view对象之前,所述方法还包括:
[0020]采用xml定义所述界面配置节点和所述资源节点。
[0021]可选地,所述定义所述界面配置节点,包括:
[0022]采用xml定义所有所述界面配置节点共有的属性信息;
[0023]分别采用xml定义各个所述界面配置节点独有的属性信息。
[0024]进一步地,所述采用xml定义所有所述界面配置节点共有的属性信息,包括:
[0025]采用xml定义所述界面配置节点的表示宽度、高度、大小、以及位置大小的所述属性信息时,用带的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的右边界或下边界的偏移量,用带“ I ”的数值表示所述界面配置节点映射得到的view节点相对于所述用户界面的水平方向的中间位置或垂直方向的中间位置的偏移量。
[0026]在本发明实施例的又一种可能的实现方式中,在所述绘制所述view对象,生成用户界面之后,所述方法还包括:
[0027]接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
[0028]根据所述动作信号,更新所述用户界面。
[0029]另一方面,本发明实施例提供了一种基于可扩展标记语言xml的用户界面生成装置,所述装置包括:
[0030]获取模块,用于获取界面配置文件,所述界面配置文件基于xml编写,所述界面配置文件包括多个界面配置节点的标识和属性信息,所述多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,所述界面配置节点和所述资源节点采用xml定义;
[0031]创建模块,用于根据所述界面配置文件,调用所述界面配置节点和所述资源节点创建多个视图view对象,所述多个view对象是从各自对应的所述界面配置节点映射得到的用户界面的各个子区域;
[0032]绘制模块,用于绘制所述多个view对象,生成所述用户界面。
[0033]可选地,所述界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种,所述资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
[0034]进一步地,所述杂项类节点包括窗口节点,所述窗口节点的属性信息包括是否显示窗口的阴影效果、是否对窗口进行倒角处理、窗口的宽度、窗口的高度、以及窗口是否随鼠标实时移动,所述窗口节点无法映射得到所述view对象。
[0035]在本发明实施例的一种可能的实现方式中,所述创建模块用于,
[0036]当所述属性信息包括样式节点的标识和非样式节点的标识时,优先采用调用所述非样式节点创建所述view对象,所述非样式节点包括字体节点、图片节点、可绘制对象节点、以及动画节点。
[0037]在本发明实施例的另一种可能的实现方式中,所述创建模块用于,
[0038]当所述属性信息出现错误时,采用默认的取值作为所述属性信息。
[0039]在本发明实施例的又一种可能的实现方式中,所述创建模块用于,
[0040]当表示宽度、高度、大小、以及位置大小的所述属性信息之间不匹配时,按照如下优先级顺序取值:表示位置大小的所述属性信息> 表示大小的所述属性信息 > 标识高度的所述属性信息=表示宽度的所述属性信息。
[0041]在本发明实施例的又一种可能的实现方式中,所述装置还包括:
[0042]接收模块,用于在所述绘制所述view对象,生成用户界面之后,接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令;
[0043]更新模块,用于根据所述动作信号,更新所述用户界面。
[0044]本发明实施例提供的技术方案带来的有益效果是:
[0045]通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
【专利附图】

【附图说明】
[0046]为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0047]图1是本发明实施例一提供的一种基于可扩展标记语言的用户界面生成方法的流程图;
[0048]图2是本发明实施例二提供的一种基于可扩展标记语言的用户界面生成方法的流程图;
[0049]图3是本发明实施例三提供的一种基于可扩展标记语言的用户界面生成装置的结构示意图;
[0050]图4是本发明实施例四提供的一种基于可扩展标记语言的用户界面生成装置的结构示意图。
【具体实施方式】
[0051]为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
[0052]实施例一
[0053]本发明实施例提供了一种基于xml (extensible markup language,可扩展标记语言)的用户界面生成方法,参见图1,该方法包括:
[0054]步骤101:获取界面配置文件。
[0055]在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
[0056]需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
[0057]步骤102:根据界面配置文件,调用界面配置节点和资源节点创建多个view(视图)对象。
[0058]在本实施例中,多个view对象是从各自对应的界面配置节点映射得到的用户界面的各个子区域。
[0059]步骤103:绘制多个view对象,生成用户界面。
[0060]本发明实施例通过采用xml定义界面配置节点和资源节点,界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识,进而根据界面配置文件创建view对象时,直接对界面配置节点和资源节点进行调用,为开发者提供了一个可供调用的函数库,依赖小,通用性好,可扩展性强,而且上手容易,降低了对开发者的要求,开发效率高。
[0061]实施例二
[0062]本发明实施例提供了一种基于xml的用户界面生成方法,参见图2,该方法包括:
[0063]步骤201:获取界面配置文件。
[0064]在本实施例中,界面配置文件基于xml编写。界面配置文件包括多个界面配置节点的标识和属性信息,多个界面配置节点中的至少一个界面配置节点的属性信息包括资源节点的标识。界面配置节点和资源节点采用xml定义。
[0065]需要说明的是,界面配置文件,又称布局文件,用于描述用户界面各个区域的绘制方式、以及各个区域的组织方式。界面配置节点,也可以称为界面布局节点,用于描述用户界面的某个区域的绘制方式、绘制效果、布局方式、以及对鼠标动作的响应方式。资源节点用于描述界面配置节点所调用的资源。
[0066]可选地,界面配置节点包括文字类节点、选框类节点、图片类节点、布局类节点、容器类节点、动画类节点、杂项类节点中的一种或多种。资源节点包括字体节点、图片节点、可绘制对象节点、动画节点、以及样式节点中的一种或多种。
[0067]具体地,文字类节点只显示纯文本,不需要支持皮肤等,文字类节点包括的节点如下表一和表二所示。其中,表一中的文字类节点只具有所有界面配置节点共有的属性,表二中的文字类节点包括所有界面配置节点共有的属性和各个界面配置节点独有的属性。
[0068]表一[0069]
【权利要求】
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节点相对于所述用户界面的右边界或下边界的偏移量,用带“ I ”的数值表示所述界面配置节点映射得到的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对象,生成用户界面之后,接收鼠标的动作信号,所述动作信号包括所述鼠标的光标在用户界面上停留的位置、所述鼠标按键产生的控制指令; 更新模块,用于根据所述动作信号,更新所述用户界面。
【文档编号】G06F9/44GK104007967SQ201410216481
【公开日】2014年8月27日 申请日期:2014年5月21日 优先权日:2014年5月21日
【发明者】陈政澈 申请人:广州华多网络科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1