终端应用界面的生成方法及装置制造方法及图纸

技术编号:10206592 阅读:109 留言:0更新日期:2014-07-12 07:57
本发明专利技术提供了一种终端UI界面的生成方法及装置。该方法包括:为UI界面的每个组成元素设置独立控件,其中,组成元素至少包括图片和文字;在生成UI界面时,分析确定UI界面所需的多个组成元素;选择多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成UI界面。采用本发明专利技术能够大大缩小了UI界面所占的存储空间,节省资源。

【技术实现步骤摘要】
终端应用界面的生成方法及装置
本专利技术涉及终端应用领域,特别是涉及一种终端应用界面的生成方法及装置。
技术介绍
随着科技的发展,智能终端(例如智能手机)已经很普及,智能手机上的APP(Application,应用程序)软件等应用也越来越广泛。智能手机实现大屏幕可视化,其应用的UI (User Interface,用户界面)界面对用户的吸引力越来越大,同一场景可能会有多张不同的Π界面。APP软件的Π界面通常分为图片和文字两个部分,传统做法Π界面的图片和文字都是一体的,不同语言或不同人物等情况就需要有不同的Π界面。因此,对于一个极小的APP而言,就可能在资源库中存储几十张甚至几百张几千张界面,以供APP显示时调用。但是,智能终端本身的存储容量是有限的,若同时安装有大量APP,仅仅是Π界面的存储就会占去不少资源,影响其他APP的安装或者系统运行的流畅度。
技术实现思路
鉴于上述问题,本专利技术的一个目的旨在提供一种至少部分地解决上述问题的终端应用π界面的生成方法和相应的装置。一方面,本专利技术提供了一种终端应用UI界面的生成方法,包括:为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;在生成Π界面时,分析确定所述Π界面所需的多个组成元素;选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述Π界面。可选地,所述将调用的元素内容按照预定策略进行组合,包括:为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;将不同的层结构按照指定顺序和/或位置进行叠加组合。可选地,所述将调用的元素内容按照预定策略进行组合,包括:对调用的元素内容进行放大或缩小以进行组合。可选地,所述将调用的元素内容按照预定策略进行组合,包括:拖动所述调用的元素内容的位置,以进行组合。可选地,上述方法还包括:所述Π界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容。另一方面,本专利技术还提供了一种终端应用Π界面的生成装置,包括:控件设置模块,用于为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;界面生成模块,用于在生成Π界面时,分析确定所述Π界面所需的多个组成元素;从所述控件设置模块中选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述Π界面。可选地,所述界面生成模块还用于:为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构;将不同的层结构按照指定顺序和/或位置进行叠加组合。可选地,所述界面生成模块还用于:对调用的元素内容进行放大或缩小以进行组八口 ο可选地,所述界面生成模块还用于:拖动所述调用的元素内容的位置,以进行组口 ο可选地,所述界面生成模块还用于:所述Π界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件;利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容。在本专利技术实施例中,将Π界面的生成分割为多个组成元素的组合,且为Π界面的每个组成元素均设置了独立控件,每个独立控件可以控制其相应的组成元素。因此,采用本专利技术实施例提供的方法,Π界面生成时,只需调用触发各独立控件调用相关资源(即多个组成元素),然后将各个元素组合即能够生成终端的Π界面。与现有技术中提及的图片和文字一体显示的UI而言,本专利技术实施例提供的方法将各组成元素作为独立个体处理,灵活性以及准确性均更高,且适应性强,进而能够灵活生成不同的Π界面。考虑到各控件均是独立处理的,因此,若不同Π界面差别较小时,可以直接调用存在差别部分的控件进行内容调用,不需要同现有技术一般将整张图片均替换掉,对APP软件包而言,大大缩小了 Π界面所占的存储空间,节省资源。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的【具体实施方式】。根据下文结合附图对本专利技术具体实施例的详细描述,本领域技术人员将会更加明了本专利技术的上述以及其他目的、优点和特征。【附图说明】后文将参照附图以示例性而非限制性的方式详细描述本专利技术的一些具体实施例,附图中:图1示出了根据本专利技术一个实施例的终端UI界面的生成方法的处理流程图;图2示出了根据本专利技术一个实施例的UI界面文字替换的示意图;以及图3示出了根据本专利技术一个实施例的终端Π界面的生成装置的结构示意图。【具体实施方式】图1示出了根据本专利技术一个实施例的终端Π界面的生成方法的处理流程图。参见图1,该流程图至少包括步骤S102至步骤S108:步骤S102、为UI界面的每个组成元素设置独立控件,其中,组成元素至少包括图片和文字。步骤S104、在生成Π界面时,分析确定Π界面所需的多个组成元素。步骤S106、选择多个组成元素对应的独立控件调用相应元素内容。步骤S108、将调用的元素内容按照预定策略进行组合,以生成UI界面。在本专利技术实施例中,将Π界面的生成分割为多个组成元素的组合,且为Π界面的每个组成元素均设置了独立控件,每个独立控件可以控制其相应的组成元素。因此,采用本专利技术实施例提供的方法,Π界面生成时,只需调用触发各独立控件调用相关资源(即多个组成元素),然后将各个元素组合即能够生成终端的Π界面。与现有技术中提及的图片和文字一体显示的UI而言,本专利技术实施例提供的方法将各组成元素作为独立个体处理,灵活性以及准确性均更高,且适应性强,进而能够灵活生成不同的Π界面。考虑到各控件均是独立处理的,因此,若不同Π界面差别较小时,可以直接调用存在差别部分的控件进行内容调用,不需要同现有技术一般将整张图片均替换掉,对APP软件包而言,大大缩小了 Π界面所占的存储空间,节省资源。现以一具体实施例对本专利技术实施例提供的终端Π界面生成方法对于存储空间的优选效果进行说明。本实施例中,APP软件存在有三张界面图,每张界面图为10千字节(Kbyte,以下简称K),因此,仅用于存储UI界面的界面图,该APP软件需要3*10=30K。第一张界面图包括背景图和中文的文字说明,第二张界面图包括与第一张界面图相同的背景图和英文的文字说明,第三张界面图包括与第一张、第二张界面图相同的背景图和法语的文字说明。假设在一个Π界面中,背景图使用8Κ,而文字说明使用2Κ。而采用本专利技术实施例后,APP软件的资料库中仅需要存储一张背景图和三种不同的语言的说明,当需要生成Π界面时,利用图片的独立控件调用背景图,利用文字的独立控件调用不同的语种的文字,将两者进行组合。因此,相对于现有技术提及的Π界面的界面图生成方法,至少会减少两张背景图的存储。此时APP软件关于Π界面的存储空间中应为 8+3*2=14Κ。由本实施例可以看出,采用本专利技术实施例能够大大降低APP软件中UI界面对存储空间的占有比例,从而节省了存储资源。对于终端而言,某一 APP软件所需资源减少,终端可以再行安装其他APP软件,提高有限资源的利用率。其中,步骤S108中提及将调用的元素内容按照预定策略进行组合,根据预定本文档来自技高网...
终端应用界面的生成方法及装置

【技术保护点】
一种终端应用UI界面的生成方法,其特征在于,包括:为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;在生成UI界面时,分析确定所述UI界面所需的多个组成元素;选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面。

【技术特征摘要】
1.一种终端应用Π界面的生成方法,其特征在于,包括: 为UI界面的每个组成元素设置独立控件,其中,所述组成元素至少包括图片和文字;在生成Π界面时,分析确定所述Π界面所需的多个组成元素;选择所述多个组成元素对应的独立控件调用相应元素内容;将调用的元素内容按照预定策略进行组合,以生成所述UI界面。2.根据权利要求1所述的方法,其特征在于,所述将调用的元素内容按照预定策略进行组合,包括: 为所述多个组成元素中的每个组成元素匹配层结构,将调用的元素内容写入相应层结构; 将不同的层结构按照指定顺序和/或位置进行叠加组合。3.根据权利要求1所述的方法,其特征在于,所述将调用的元素内容按照预定策略进行组合,包括:对调用的元素内容进行放大或缩小以进行组合。4.根据权利要求1所述的方法,其特征在于,所述将调用的元素内容按照预定策略进行组合,包括: 拖动所述调用的元素内容的位置,以进行组合。5.根据权利要求1至4任一项所述的方法,其特征在于,还包括: 所述Π界面中的部分内容发生改变时,分析并确定发生改变的部分内容的组成元素及其独立控件; 利用确定的独立控件调用所述部分内容的组成元素,替换原界面中相对应的元素内容。...

【专利技术属性】
技术研发人员:张桂芳程永甫吴洪金王晓燕
申请(专利权)人:海尔集团公司青岛海尔空调器有限总公司
类型:发明
国别省市:山东;37

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1