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