CN104598107A - 界面控件的生成方法及系统 - Google Patents

Abstract

本申请公开了界面控件的生成方法及系统，所述方法包括按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；在所述基准布局上设置界面控件，所述界面控件是用多个所述像素表示；判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作；显示缩放后的所述界面控件。本申请简化界面控件显示适配的运算负载、提升界面控件的显示适配效率和界面控件的显示适配准确性。

Description

界面控件的生成方法及系统

技术领域

本申请涉及界面控件的技术领域，具体涉及一种界面控件的生成方法及系统。

背景技术

自从谷歌推出新的安卓操作系统(Android OS)之后，各种终端设备藉由安卓系统展开了全新的样貌。举凡电视、平板电脑、手机、机顶盒、手表、冰箱、洗衣机等终端设备，都可藉由安卓系统的平台开放特色而将自有特色的人机界面与应用程序运行于安卓系统，但是各种终端设备所搭配的显示界面各自都拥有着不同的分辨率。

现有基于安卓操作系统的界面控件的生成方法，主要采用在基于安卓系统开发的软件中，根据软件包含的各页面中组件的布局，设置用于存放适应不同移动终端属性的资源文件夹。例如，设置包含各移动终端的屏幕大小、分辨率和屏幕密度的资源文件夹。这样，在移动终端运行开发的软件时，通过获取移动终端属性(屏幕大小、分辨率和屏幕密度)，从资源文件夹中加载与移动终端的屏幕大小、分辨率和屏幕密度相匹配的控件，从而与移动终端属性相适应。

例如，针对各移动终端屏幕大小的不同，在资源文件夹中设置多个布局文件夹与图片文件夹，每一布局文件夹对应一种移动终端屏幕大小。这样，可以使开发的同一款软件在不同属性的移动终端上，从而呈现相同的页面效果。

图片文件夹用于存放不同屏幕密度下的图片资源。例如，针对各移动终端的不同屏幕密度分别设置图片文件夹，将不同屏幕密度对应的图片存放到相应的图片文件夹中，使得移动终端在启动软件时，自动加载移动终端屏幕密度对应的图片文件夹中存放的图片，以适应该移动终端屏幕密度的要求。

由上述可见，现有基于安卓操作系统的界面控件的生成方法，通过设置用于存放包含各移动终端的屏幕大小、分辨率和屏幕密度的资源文件夹，在移动终端启动软件时，自动加载与移动终端属性对应的资源文件夹中存放的资源，从而适应移动终端。这样，由于需要预先设置针对不同移动终端属性的资源文件夹，不仅耗费了大量时间和精力，也降低了软件开发效率。进一步地，预先设置的资源文件夹数量有限，因而，不能自适应不同的移动终端属性，易用性较低，甚至影响对软件的正常使用，使得体验较差，软件自适应效率较低。而且，当需要支持大量不同的移动终端属性时，软件中设置的资源文件夹的大小就会随之变大，需要更大的存储空间，增加了存储成本。

因此，如何提供简化界面控件显示适配的运算负载、提升界面控件的显示适配效率和界面控件的显示适配准确性就成为了亟待解决的技术问题。

发明内容

本申请所要解决的技术问题在于提供一种界面控件的生成方法及系统，简化界面控件显示适配的运算负载，进一步提升界面控件产生的效率和易用性。

为了解决上述问题，本申请揭示了界面控件的生成方法，包括：按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；在所述基准布局上设置界面控件，所述界面控件是用多个所述像素表示；判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型；显示缩放后的所述界面控件。

进一步地，当所述界面控件的分辨率与所述基准分辨率一致时，所述横向缩放比例、所述纵向缩放比例以及文字缩放比例相同且为1，所述缩放类型为不缩放。

进一步地，当所述界面控件的分辨率与所述基准分辨率不一致时，若所述界面控件的宽高比等于所述基准屏幕的宽高比，所述横向缩放比例、所述纵向缩放比例以及所述文字缩放比例相同，等比例缩放所述界面控件；若所述界面控件的宽高比不符合所述基准屏幕的宽高比时，所述缩放类型为选自等比例缩放所述界面控件、横向缩放所述界面控件、与纵向缩放所述界面控件的群组组合其中之一。

进一步地，当所述缩放类型为等比例缩放所述界面控件时，所述文字缩放比例为所述横向缩放比例或所述纵向缩放比例其中比例较小者。

进一步地，当所述缩放类型为横向缩放所述界面控件时，所述纵向缩放比例设定为与所述横向缩放比例相同，所述文字缩放比例设定为与所述横向缩放比例相同。

进一步地，当所述缩放类型为纵向缩放所述界面控件时，所述横向缩放比例设定为与所述纵向缩放比例相同，所述文字缩放比例设定为与所述纵向缩放比例相同。

为了解决上述问题，本申请还揭示了界面控件的生成系统，包括：创建模块，用于按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；判断模块，用于判断设置于所述基准布局上的界面控件的分辨率是否符合所述基准分辨率据以缩放所述界面控件后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作，其中所述界面控件是用多个所述像素表示；显示模块，用于显示缩放后的所述界面控件。

进一步地，所述判断模块，用于判断所述界面控件的分辨率与所述基准分辨率相符合时，所述横向缩放比例、所述纵向缩放比例以及文字缩放比例相同且为1，所述缩放类型为不缩放。

进一步地当所述判断模块判断所述界面控件的分辨率与所述基准分辨率不一致时，所述判断模块若判断所述界面控件的宽高比等于所述基准屏幕的宽高比，所述横向缩放比例、所述纵向缩放比例以及所述文字缩放比例相同，等比例缩放所述界面控件；所述判断模块若判断所述界面控件的宽高比不符合所述基准屏幕的宽高比时，所述缩放类型为选自等比例缩放所述界面控件、横向缩放所述界面控件、与纵向缩放所述界面控件的群组组合其中之一。

进一步地，所述缩放类型为等比例缩放所述界面控件时，所述文字缩放比例为所述横向缩放比例或所述纵向缩放比例其中比例较小者；所述缩放类型为横向缩放所述界面控件时，所述纵向缩放比例设定为与所述横向缩放比例相同，所述文字缩放比例设定为与所述横向缩放比例相同；所述缩放类型为横向缩放所述界面控件时，所述缩放类型为纵向缩放所述界面控件时，所述横向缩放比例设定为与所述纵向缩放比例相同，所述文字缩放比例设定为与所述纵向缩放比例相同。

与现有技术相比，本申请可以获得包括以下技术效果：

1)简化界面控件显示适配的运算负载、提升界面控件的显示适配效率和界面控件的显示适配准确性。

2)实现一套界面控件设计和开发适配所有安卓操作系统终端设备

当然，以上技术效果并不一定要同时达成。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例的主要方法流程图；

图2为本申请实施例步骤S105更进一步的方法流程图；

图3为本申请实施例的系统方块示意图；

具体实施方式

以下将配合附图及实施例来详细说明本申请的实施方式，藉此对本申请如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。

如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式，然所述描述乃以说明本申请的一般原则为目的，并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。

因此，本领域普通技术人员在本申请下述实施例的启发下，无须创造性劳动，即可将本申请的上述核心思想应用到其他界面控件显示适配的终端设备的场合，详细不再赘述。

实施例

图1为本申请实施例的主要方法流程图，包括：

步骤S101，按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局。

以每一个像素(pixel)代表任意屏幕的一份，对屏幕的宽与高进行划分，以创建基准布局。在本申请的实施例中，默认屏幕的分辨率为1920*180，并将此分辨率设定为基准分辨率，根据基准分辨率创建模块将屏幕的宽划分1920份为基准宽(baseWidth)、屏幕的高划分1080份为基准高(baseHigh)，所以创建的屏幕基准布局具有1920*1080份。

步骤S103，在基准布局上设置界面控件，界面控件是用多个所述像素表示。

开发者可以直接在划分后的基准布局上，进行控件的规划与设计。此时开发者所设置的每一个控件都占有M*N多个像素，分辨率为M*N，因此设置的控件将由M*N多个“份”所组成，设置的控件也将具有M份设置宽(currentWidth)与N份设置高(currentHigh)。

步骤S105，判断界面控件的分辨率是否符合基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放界面控件的操作。

判断模块首先将界面控件的分辨率与屏幕的基准分辨率进行比较判断，当界面控件的分辨率与屏幕的基准分辨率不一致时，进行进一步的判断步骤S201、S203或缩放步骤S202、S204、S205。进一步的判断步骤S203将由判断模块判断界面控件的宽高比与屏幕的宽高比，进一步的缩放步骤S202、S204、S205将由设置宽与基准宽的比例、设置高与基准高的比例进行对应的缩放并决定缩放类型。例如横向缩放、纵向缩放、文字缩放。在本申请的实施例中，横向缩放比例为设置宽除以基准宽，纵向缩放比例为设置高除以设置高；文字缩放比例可以与横向缩放比例相同，也可以与纵向缩放比例相同。判断步骤S201、S203与缩放步骤S202、S204、S205将由图2更进一步的说明。

步骤S107，显示缩放后的界面控件。

界面控件经过判断步骤后，针对明确常用控件(View)的常用继承关系，进行了适应性的缩放步骤，采用循环遍历实现整个控件层级的缩放，最终由显示模块进行显示。

图2为本申请实施例步骤S105更进一步的方法流程图，包括：

步骤S201，判断界面控件的分辨率是否符合基准分辨率。

当判断模块判断界面控件的分辨率符合屏幕的基准分辨率时，缩放步骤的流程进入步骤S202。当判断模块判断界面控件的分辨率不符合屏幕的基准分辨率时，进入下一阶段的判断步骤S203，以决定执行的缩放方式。

步骤S202，横向缩放比例、纵向缩放比例以及文字缩放比例相同且为1，缩放类型为不缩放。

当判断模块判断界面控件的分辨率符合屏幕的基准分辨率时，横向缩放比例、纵向缩放比例以及文字缩放比例相同且为1，也就是设置宽除以基准宽与设置高除以设置高相同为1，文字缩放比例的设定则与横向缩放比或纵向缩放比相同，因此将此种判断结果的缩放类别设定为不缩放，以省去不必要的运算。

步骤S203，判断界面控件的宽高比是否等于基准屏幕的宽高比。

当判断模块判断界面控件的分辨率与屏幕的基准分辨率不一致时，再更进一步地判断界面控件的宽高比是否等于基准屏幕的宽高比。当界面控件与基准屏幕的宽高比一致时，缩放步骤的流程进入步骤S204。当界面控件与基准屏幕的宽高比不一致时，缩放步骤的流程进入步骤S205。

步骤S204，横向缩放比例、纵向缩放比例以及文字缩放比例相同，缩放类型为等比例缩放界面控件。

当界面控件与基准屏幕的宽高比相同时，横向缩放比例、纵向缩放比例以及文字缩放比例相同，也就是设置宽除以基准宽与设置高除以设置高相同，文字缩放比例的设定则与横向缩放比例或纵向缩放比例相同，因此将此种判断结果的缩放类别设定为等比例缩放。例如，当界面控件的分辨率为640*360，虽然与基准屏幕的分辨率(1920*1080)不同，但与基准屏幕的宽高比相同为16：9，因此界面控件可以等比例的放大3倍至1920*1080与基准屏幕的分辨率相同，此时文字缩放比例的设定与横向缩放比例或纵向缩放比例相同为放大3倍。

步骤S205，缩放类型为等比例缩放界面控件、横向缩放界面控件、与纵向缩放界面控件的群组组合其中之一。

当判断模块判断界面控件的分辨率不符合屏幕的基准分辨率，并且当界面控件与基准屏幕的宽高比不相同时，缩放类型可以选择为等比例缩放界面控件、横向缩放界面控件、与纵向缩放界面控件的群组组合其中之一。

若选择等比例缩放界面控件，文字缩放比例为横向缩放比例或纵向缩放比例其中比例较小者。例如，当界面控件的分辨率为320*240，与基准屏幕的分辨率(1920*1080)不同，宽高比亦不相同；此时，横向缩放比例为设置宽320除以基准宽1920，约为0.167；纵向缩放比例为设置高240除以基准高1080，约为0.222；因此，文字缩放比例设定为横向缩放比例或纵向缩放比例其中比例较小的0.167。

若选择横向缩放界面控件，将纵向缩放比例设定为与横向缩放比例相同，文字缩放比例设定为与横向缩放比例相同。例如，当界面控件的分辨率为320*240，与基准屏幕的分辨率(1920*1080)不同，宽高比亦不相同；此时若选择横向缩放界面控件，横向缩放比例为设置宽320除以基准宽1920，约为0.167，将纵向缩放比例设定与横向缩放比例相同为0.167，则界面控件分辨率缩放为320*180，文字缩放比例设定为与横向缩放比例相同的0.167。

若选择纵向缩放界面控件，将横向缩放比例设定为与纵向缩放比例相同，文字缩放比例设定为与纵向缩放比例相同。例如，当界面控件的分辨率为320*240，与基准屏幕的分辨率(1920*1080)不同，宽高比亦不相同；此时若选择纵向缩放界面控件，纵向缩放比例为设置高240除以基准高1080，约为0.222，将横向缩放比例设定与纵向缩放比例相同为0.222，则界面控件分辨率缩放为427*180，文字缩放比例设定为与横向缩放比例相同的0.222。

经过判断界面控件的分辨率是否符合基准分辨率，以及判断界面控件的宽高比是否等于基准屏幕的宽高比之后，选定了缩放类型与缩放程度，针对明确常用控件(View)的常用继承关系，进行了适应性的缩放步骤，采用循环遍历实现整个控件层级的缩放，最终由显示模块进行显示。

图3为本申请实施例的系统方块示意图，本申请界面控件的生成系统300具体可以包括：互相耦接的创建模块302、判断模块304和显示模块306。

创建模块302，用于判断设置于所述基准布局上的界面控件的分辨率是否符合所述基准分辨率据以缩放所述界面控件后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作，其中所述界面控件是用多个所述像素表示。显示模块306，用于显示缩放后的所述界面控件。

具体来说，创建模块302根据像素划分以创见基准布局；经过判断模块304判断分辨率与宽高比以选择缩放类型、缩放程度与文字缩放模式，再针对明确常用控件的常用继承关系，进行了适应性的缩放步骤，采用循环遍历实现整个控件层级的缩放，最终由显示模块进行显示，也就是在屏幕上显示的界面控件。

本申请的界面控件的生成方法及系统可以通过程序码方式存在。当程序码被机器载入且执行时，机器变成用以实行本发明的装置。亦即一种电脑程序产品，用以被一机器载入且执行一连接内容传递网络的处理方法，电脑程序产品包括：

第一程序码，按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；

第二程序码，在所述基准布局上设置界面控件，所述界面控件是用多个所述像素表示；

第三程序码，判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作；

第四程序码，显示缩放后的所述界面控件；

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请之方法，或特定型态或其部份，可以以程序代码的型态存在。程序代码可以包含于实体媒体，如软盘、光盘片、硬盘、或是任何其他机器可读取(如计算机可读取)存储媒体，亦或不限于外在形式之计算机程序产品，其中，当程序代码被机器，如计算机加载且执行时，此机器变成用以参与本发明之装置。程序代码也可以通过一些传送媒体，如电线或电缆、光纤、或是任何传输型态进行传送，其中，当程序代码被机器，如计算机接收、加载且执行时，此机器变成用以参与本发明之装置。当在一般用途处理器实作时，程序代码结合处理器提供一操作类似于应用特定逻辑电路之独特装置。

上述说明示出并描述了本申请的若干优选实施例，但如前所述，应当理解本申请并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。

Claims (10)

1.一种界面控件的生成方法，其特征在于，包括：

按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；

在所述基准布局上设置界面控件，所述界面控件是用多个所述像素表示；

判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作；

显示缩放后的所述界面控件。

2.根据权利要求1所述的界面控件的生成方法，其特征在于，判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作，包括：

当所述界面控件的分辨率与所述基准分辨率一致时，所述横向缩放比例、所述纵向缩放比例、以及文字缩放比例相同且为1，所述缩放类型为不缩放。

3.根据权利要求1所述的界面控件的生成方法，判断所述界面控件的分辨率是否符合所述基准分辨率后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作，包括：

当所述界面控件的分辨率与所述基准分辨率不一致时，若所述界面控件的宽高比等于所述基准屏幕的宽高比，所述横向缩放比例、所述纵向缩放比例以及所述文字缩放比例相同，等比例缩放所述界面控件；

若所述界面控件的宽高比不符合所述基准屏幕的宽高比时，所述缩放类型为选自等比例缩放所述界面控件、横向缩放所述界面控件、与纵向缩放所述界面控件的群组组合其中之一。

4.根据权利要求3所述的界面控件的生成方法，其特征在于，当所述缩放类型为等比例缩放所述界面控件时，所述文字缩放比例为所述横向缩放比例或所述纵向缩放比例其中比例较小者。

5.根据权利要求3所述的界面控件的生成方法，其特征在于，当所述缩放类型为横向缩放所述界面控件时，所述纵向缩放比例设定为与所述横向缩放比例相同，所述文字缩放比例设定为与所述横向缩放比例相同。

6.根据权利要求3所述的界面控件的生成方法，其特征在于，当所述缩放类型为纵向缩放所述界面控件时，所述横向缩放比例设定为与所述纵向缩放比例相同，所述文字缩放比例设定为与所述纵向缩放比例相同。

7.一种界面控件的生成系统，其特征在于，包括：

创建模块，用于按照基准分辨率，并且以像素为单位，将基准屏幕的长与宽划分成若干等分以创建基准布局；

判断模块，用于判断设置于所述基准布局上的界面控件的分辨率是否符合所述基准分辨率据以缩放所述界面控件后，根据横向缩放比例、纵向缩放比例、文字缩放比例、以及缩放类型确定缩放所述界面控件的操作，其中所述界面控件是用多个所述像素表示；

显示模块，用于显示缩放后的所述界面控件。

8.根据权利要求7所述的界面控件的生成系统，其特征在于，所述判断模块具体用于：

当所述判断模块判断所述界面控件的分辨率与所述基准分辨率一致时，所述横向缩放比例、所述纵向缩放比例以及文字缩放比例相同且为1，所述缩放类型为不缩放。

9.根据权利要求7所述的界面控件的生成系统，所述判断模块具体用于：

当所述判断模块判断所述界面控件的分辨率与所述基准分辨率不一致时，所述判断模块若判断所述界面控件的宽高比等于所述基准屏幕的宽高比，所述横向缩放比例、所述纵向缩放比例以及所述文字缩放比例相同，等比例缩放所述界面控件；

所述判断模块若判断所述界面控件的宽高比不符合所述基准屏幕的宽高比时，所述缩放类型为选自等比例缩放所述界面控件、横向缩放所述界面控件、与纵向缩放所述界面控件的群组组合其中之一。

10.根据权利要求9所述的界面控件的生成系统，其特征在于，所述判断模块还具体用于：

当所述缩放类型为等比例缩放所述界面控件时，所述文字缩放比例为所述横向缩放比例或所述纵向缩放比例其中比例较小者；

当所述缩放类型为横向缩放所述界面控件时，所述纵向缩放比例设定为与所述横向缩放比例相同，所述文字缩放比例设定为与所述横向缩放比例相同；

当所述缩放类型为纵向缩放所述界面控件时，所述横向缩放比例设定为与所述纵向缩放比例相同，所述文字缩放比例设定为与所述纵向缩放比例相同。