著录项信息
专利名称 | 终端应用界面的生成方法及装置 |
申请号 | CN201410107899.7 | 申请日期 | 2014-03-21 |
法律状态 | 授权 | 申报国家 | 中国 |
公开/公告日 | 2014-07-09 | 公开/公告号 | CN103914223A |
优先权 | 暂无 | 优先权号 | 暂无 |
主分类号 | G06F3/0484 | IPC分类号 | G;0;6;F;3;/;0;4;8;4查看分类表>
|
申请人 | 海尔集团公司;青岛海尔空调器有限总公司 | 申请人地址 | 山东省青岛市崂山区海尔路1号海尔工业园
变更
专利地址、主体等相关变化,请及时变更,防止失效 |
权利人 | 海尔集团公司,青岛海尔空调器有限总公司 | 当前权利人 | 海尔集团公司,青岛海尔空调器有限总公司 |
发明人 | 张桂芳;程永甫;吴洪金;王晓燕 |
代理机构 | 北京智汇东方知识产权代理事务所(普通合伙) | 代理人 | 薛峰;范晓斌 |
摘要
本发明提供了一种终端UI界面的生成方法及装置。该方法包括:为UI界面的每个组成元素设置独立控件,其中,组成元素至少包括图片和文字;在生成UI界面时,分析确定UI界面所需的多个组成元素;选择多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成UI界面。采用本发明能够大大缩小了UI界面所占的存储空间,节省资源。
1.一种终端应用UI界面的生成方法,其特征在于,包括:
为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;
在生成UI界面时,分析确定所述UI界面所需的多个组成元素;选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面;
所述UI界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;
利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容,其中所述将调用的元素内容按照预定策略进行组合,包括:
为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;
将不同的层结构按照指定顺序和/或位置进行叠加组合,并且
若所述独立控件调来的元素内容大小不一致时,需要对调用的元素内容进行放大或缩小以进行组合;若元素内容一致,但是组成的UI界面与终端的显示屏幕不匹配,对UI界面的所有元素进行同步放大或缩小,以适应UI界面的显示,并且所述将调用的元素内容按照预定策略进行组合,包括:拖动所述调用的元素内容的位置,以进行组合。
2.一种终端应用UI界面的生成装置,其特征在于,包括:
控件设置模块,用于为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;
界面生成模块,用于在生成UI界面时,分析确定所述UI界面所需的多个组成元素;从所述控件设置模块中选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面,所述界面生成模块还用于:
所述UI界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;
利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容,其中
所述界面生成模块还用于:
为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;
将不同的层结构按照指定顺序和/或位置进行叠加组合,并且
所述界面生成模块还用于:若所述独立控件调来的元素内容大小不一致时,需要对调用的元素内容进行放大或缩小以进行组合;若元素内容一致,但是组成的UI界面与终端的显示屏幕不匹配,对UI界面的所有元素进行同步放大或缩小,以适应UI界面的显示,并且所述界面生成模块还用于:拖动所述调用的元素内容的位置,以进行组合。
终端应用界面的生成方法及装置\n技术领域\n[0001] 本发明涉及终端应用领域,特别是涉及一种终端应用界面的生成方法及装置。\n背景技术\n[0002] 随着科技的发展,智能终端(例如智能手机)已经很普及,智能手机上的APP(Application,应用程序)软件等应用也越来越广泛。智能手机实现大屏幕可视化,其应用的UI(User Interface,用户界面)界面对用户的吸引力越来越大,同一场景可能会有多张不同的UI界面。\n[0003] APP软件的UI界面通常分为图片和文字两个部分,传统做法UI界面的图片和文字都是一体的,不同语言或不同人物等情况就需要有不同的UI界面。因此,对于一个极小的APP而言,就可能在资源库中存储几十张甚至几百张几千张界面,以供APP显示时调用。\n[0004] 但是,智能终端本身的存储容量是有限的,若同时安装有大量APP,仅仅是UI界面的存储就会占去不少资源,影响其他APP的安装或者系统运行的流畅度。\n发明内容\n[0005] 鉴于上述问题,本发明的一个目的旨在提供一种至少部分地解决上述问题的终端应用UI界面的生成方法和相应的装置。\n[0006] 一方面,本发明提供了一种终端应用UI界面的生成方法,包括:\n[0007] 为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;\n[0008] 在生成UI界面时,分析确定所述UI界面所需的多个组成元素;选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面。\n[0009] 可选地,所述将调用的元素内容按照预定策略进行组合,包括:\n[0010] 为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;\n[0011] 将不同的层结构按照指定顺序和/或位置进行叠加组合。\n[0012] 可选地,所述将调用的元素内容按照预定策略进行组合,包括:对调用的元素内容进行放大或缩小以进行组合。\n[0013] 可选地,所述将调用的元素内容按照预定策略进行组合,包括:\n[0014] 拖动所述调用的元素内容的位置,以进行组合。\n[0015] 可选地,上述方法还包括:\n[0016] 所述UI界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;\n[0017] 利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容。\n[0018] 另一方面,本发明还提供了一种终端应用UI界面的生成装置,包括:\n[0019] 控件设置模块,用于为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;\n[0020] 界面生成模块,用于在生成UI界面时,分析确定所述UI界面所需的多个组成元素;\n从所述控件设置模块中选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面。\n[0021] 可选地,所述界面生成模块还用于:\n[0022] 为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;\n[0023] 将不同的层结构按照指定顺序和/或位置进行叠加组合。\n[0024] 可选地,所述界面生成模块还用于:对调用的元素内容进行放大或缩小以进行组合。\n[0025] 可选地,所述界面生成模块还用于:拖动所述调用的元素内容的位置,以进行组合。\n[0026] 可选地,所述界面生成模块还用于:\n[0027] 所述UI界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;\n[0028] 利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容。\n[0029] 在本发明实施例中,将UI界面的生成分割为多个组成元素的组合,且为UI界面的每个组成元素均设置了独立控件,每个独立控件可以控制其相应的组成元素。因此,采用本发明实施例提供的方法,UI界面生成时,只需调用触发各独立控件调用相关资源(即多个组成元素),然后将各个元素组合即能够生成终端的UI界面。与现有技术中提及的图片和文字一体显示的UI而言,本发明实施例提供的方法将各组成元素作为独立个体处理,灵活性以及准确性均更高,且适应性强,进而能够灵活生成不同的UI界面。考虑到各控件均是独立处理的,因此,若不同UI界面差别较小时,可以直接调用存在差别部分的控件进行内容调用,不需要同现有技术一般将整张图片均替换掉,对APP软件包而言,大大缩小了UI界面所占的存储空间,节省资源。\n[0030] 上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。\n[0031] 根据下文结合附图对本发明具体实施例的详细描述,本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。\n附图说明\n[0032] 后文将参照附图以示例性而非限制性的方式详细描述本发明的一些具体实施例,附图中:\n[0033] 图1示出了根据本发明一个实施例的终端UI界面的生成方法的处理流程图;\n[0034] 图2示出了根据本发明一个实施例的UI界面文字替换的示意图;以及[0035] 图3示出了根据本发明一个实施例的终端UI界面的生成装置的结构示意图。\n具体实施方式\n[0036] 图1示出了根据本发明一个实施例的终端UI界面的生成方法的处理流程图。参见图1,该流程图至少包括步骤S102至步骤S108:\n[0037] 步骤S102、为UI界面的每个组成元素设置独立控件,其中,组成元素至少包括图片和文字。\n[0038] 步骤S104、在生成UI界面时,分析确定UI界面所需的多个组成元素。\n[0039] 步骤S106、选择多个组成元素对应的独立控件调用相应元素内容。\n[0040] 步骤S108、将调用的元素内容按照预定策略进行组合,以生成UI界面。\n[0041] 在本发明实施例中,将UI界面的生成分割为多个组成元素的组合,且为UI界面的每个组成元素均设置了独立控件,每个独立控件可以控制其相应的组成元素。因此,采用本发明实施例提供的方法,UI界面生成时,只需调用触发各独立控件调用相关资源(即多个组成元素),然后将各个元素组合即能够生成终端的UI界面。与现有技术中提及的图片和文字一体显示的UI而言,本发明实施例提供的方法将各组成元素作为独立个体处理,灵活性以及准确性均更高,且适应性强,进而能够灵活生成不同的UI界面。考虑到各控件均是独立处理的,因此,若不同UI界面差别较小时,可以直接调用存在差别部分的控件进行内容调用,不需要同现有技术一般将整张图片均替换掉,对APP软件包而言,大大缩小了UI界面所占的存储空间,节省资源。\n[0042] 现以一具体实施例对本发明实施例提供的终端UI界面生成方法对于存储空间的优选效果进行说明。本实施例中,APP软件存在有三张界面图,每张界面图为10千字节(Kbyte,以下简称K),因此,仅用于存储UI界面的界面图,该APP软件需要3*10=30K。第一张界面图包括背景图和中文的文字说明,第二张界面图包括与第一张界面图相同的背景图和英文的文字说明,第三张界面图包括与第一张、第二张界面图相同的背景图和法语的文字说明。假设在一个UI界面中,背景图使用8K,而文字说明使用2K。\n[0043] 而采用本发明实施例后,APP软件的资料库中仅需要存储一张背景图和三种不同的语言的说明,当需要生成UI界面时,利用图片的独立控件调用背景图,利用文字的独立控件调用不同的语种的文字,将两者进行组合。因此,相对于现有技术提及的UI界面的界面图生成方法,至少会减少两张背景图的存储。此时APP软件关于UI界面的存储空间中应为8+3*\n2=14K。\n[0044] 由本实施例可以看出,采用本发明实施例能够大大降低APP软件中UI界面对存储空间的占有比例,从而节省了存储资源。对于终端而言,某一APP软件所需资源减少,终端可以再行安装其他APP软件,提高有限资源的利用率。\n[0045] 其中,步骤S108中提及将调用的元素内容按照预定策略进行组合,根据预定策略的不同,组合的步骤也不相同。例如,预定策略可以采用层叠加策略、大小匹配策略或者位置拖动策略等任一策略。此处的预定策略仅仅是例举,对于实际上的策略并不造成限定。\n[0046] 具体地,若采用层叠加策略,那么需要为多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构。在元素内容写入结束后,每一层上都负载着不同的内容,进而将不同的层结构按照指定顺序和/或位置进行叠加组合,以生成用户需要的UI界面。\n[0047] 若独立控件调来的元素内容大小不一致时,需要对调用的元素内容进行放大或缩小以进行组合。若元素内容一致,但是组成的UI界面与终端的显示屏幕不匹配,也可以对UI界面的所有元素进行同步放大或缩小,以适应UI界面的显示。\n[0048] 另外,若独立控件调用的元素内容的位置不适合组成,也可以拖动调用的元素内容的位置,以进行组合,生成UI界面。\n[0049] 因UI界面被分割为多个组成元素,且每个元素有单独的独立控件,因此,UI界面中的部分内容发生改变时,可以判断改变的内容是否较多,是否属于同一组成元素,等等。若改变内容相对于整个UI界面的比例较小,例如小于30%,或者只更改UI界面的文字语种,其他不做修改,那么,替换需要修改部分即可,不需要重新生成新的UI界面。具体地,当UI界面的部分内容发生地,分析并确定发生改变的部分内容的组成元素及其独立控件,进而利用确定的独立控件调用部分内容的组成元素,替换原界面中相对应的元素内容。图2示出了根据本发明一个实施例的UI界面文字替换的示意图。\n[0050] 基于同一发明构思,本发明实施例还提供了一种终端UI界面的生成装置,用于支持上述任意一个优选实施例或其组合。图3示出了根据本发明一个实施例的终端UI界面的生成装置的结构示意图。参见图3,该装置至少包括:\n[0051] 控件设置模块310,用于为UI界面的每个组成元素设置独立控件,其中,组成元素至少包括图片和文字。\n[0052] 界面生成模块320,用于在生成UI界面时,分析确定UI界面所需的多个组成元素;\n从控件设置模块中选择多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成UI界面。\n[0053] 在一个优选的实施例中,界面生成模块320还可以用于:\n[0054] 为多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;\n[0055] 将不同的层结构按照指定顺序和/或位置进行叠加组合。\n[0056] 在一个优选的实施例中,界面生成模块320还可以用于:\n[0057] 对调用的元素内容进行放大或缩小以进行组合。\n[0058] 在一个优选的实施例中,界面生成模块320还可以用于:\n[0059] 拖动调用的元素内容的位置,以进行组合。\n[0060] 在一个优选的实施例中,界面生成模块320还可以用于:\n[0061] UI界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;\n[0062] 利用确定的独立控件调用部分内容的组成元素,替换原界面中相对应的元素内容。\n[0063] 采用本发明实施例提供的方法及装置,可以达到如下有益效果:\n[0064] 在本发明实施例中,将UI界面的生成分割为多个组成元素的组合,且为UI界面的每个组成元素均设置了独立控件,每个独立控件可以控制其相应的组成元素。因此,采用本发明实施例提供的方法,UI界面生成时,只需调用触发各独立控件调用相关资源(即多个组成元素),然后将各个元素组合即能够生成终端的UI界面。与现有技术中提及的图片和文字一体显示的UI而言,本发明实施例提供的方法将各组成元素作为独立个体处理,灵活性以及准确性均更高,且适应性强,进而能够灵活生成不同的UI界面。考虑到各控件均是独立处理的,因此,若不同UI界面差别较小时,可以直接调用存在差别部分的控件进行内容调用,不需要同现有技术一般将整张图片均替换掉,对APP软件包而言,大大缩小了UI界面所占的存储空间,节省资源。\n[0065] 此外,需要说明的是,本领域技术人员能够理解,可以对各实施例设备中的模块进行改变并且把它们设置在与该实施例不同的一个或多个设备中;可以把各实施例中适当的模块或单元或组件组合成一个模块或单元或组件;和/或,可以把各实施例中适当的模块或单元或组件分成多个子模块或子单元或子组件。本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。\n[0066] 至此,本领域技术人员应认识到,虽然本文已详尽示出和描述了本发明的多个示例性实施例,但是,在不脱离本发明精神和范围的情况下,仍可根据本发明公开的内容直接确定或推导出符合本发明原理的许多其他变型或修改。因此,本发明的范围应被理解和认定为覆盖了所有这些其他变型或修改。
法律信息
- 2018-02-09
- 2014-08-06
实质审查的生效
IPC(主分类): G06F 3/0484
专利申请号: 201410107899.7
申请日: 2014.03.21
- 2014-07-09
引用专利(该专利引用了哪些专利)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 |
1
| |
2009-02-04
|
2008-09-08
| | |
2
| |
2013-11-13
|
2013-07-11
| | |
3
| |
2013-06-19
|
2011-12-14
| | |
4
| |
2010-09-15
|
2010-03-25
| | |
被引用专利(该专利被哪些专利引用)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 | 该专利没有被任何外部专利所引用! |