CN114416230A - 一种适配屏幕的组件显示方法及系统 - Google Patents

Abstract

本发明提供了一种适配屏幕的组件显示方法及系统，当检测到打开智能设备中应用软件的指定界面时，加载指定界面的页面布局；获取预先确定的缩放比例；利用默认显示参数和缩放比例，确定待显示组件的实际显示参数；根据实际显示参数，创建待显示组件；将所创建的待显示组件添加至指定界面中进行显示。本方案中，预先根据智能设备的屏幕参数和指定界面中各待显示组件的默认显示参数确定缩放比例；打开指定界面时，利用默认显示参数和缩放比例确定待显示组件的实际显示参数，并据此创建待显示组件。将创建的待显示组件添加至指定界面进行显示，以适配智能设备的屏幕，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低开发成本和开发难度。

Description

一种适配屏幕的组件显示方法及系统

技术领域

本发明涉及应用软件开发技术领域，具体涉及一种适配屏幕的组件显示方法及系统。

背景技术

随着诸如手机等智能设备的高速发展，智能设备的屏幕的分辨率和屏幕密度等屏幕参数不断变化。为保证同一应用软件(APP)在不同的智能设备上都能够正常显示，需要针对不同智能设备的屏幕进行适配。

目前针对不同智能设备的屏幕进行适配的方式为：当出现新的屏幕参数后，需要不断的根据新的屏幕参数对应用软件进行适配开发；但是此种方式会耗费大量的人力和时间，导致应用软件的开发成本较高和开发难度较高。

发明内容

有鉴于此，本发明实施例提供一种适配屏幕的组件显示方法及系统，以解决现有针对不同智能设备的屏幕进行适配的方式存在的开发成本较高和开发难度较高等问题。

为实现上述目的，本发明实施例提供如下技术方案：

本发明实施例第一方面公开一种适配屏幕的组件显示方法，所述方法包括：

当检测到打开智能设备中应用软件的指定界面时，加载所述指定界面的页面布局，所述页面布局至少包含：所述指定界面需显示的各个待显示组件的默认显示参数；

获取预先确定的缩放比例，所述缩放比例预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到；

利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数；

根据所述实际显示参数，创建所述待显示组件；

将所创建的所述待显示组件添加至所述指定界面中进行显示。

优选的，预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到所述缩放比例的过程，包括：

当检测到所述智能设备的应用软件进行初始化时，调用组件库获取所述智能设备的屏幕参数和所述默认显示参数；

调用所述组件库根据所述屏幕参数和所述默认显示参数，计算缩放比例并将其存储至所述应用软件中。

优选的，将所创建的所述待显示组件添加至所述指定界面中进行显示之后，还包括：

当检测到调整所述待显示组件大小的指令时，获取得到相应的重设显示参数；

利用所述重设显示参数和所述缩放比例，确定所述待显示组件对应的新的实际显示参数；

根据所述新的实际显示参数，重新创建所述待显示组件；

将重新创建的所述待显示组件添加至所述指定界面中进行显示。

优选的，根据所述实际显示参数，创建所述待显示组件，包括：

调用系统原生，根据所述实际显示参数，以异步方式创建所述待显示组件。

优选的，利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数，包括：

调用组件库，利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数。

优选的，计算缩放比例并将其存储至所述应用软件中之后，还包括：

调用系统原生，完成对所述组件库的初始化。

本发明实施例第二方面公开一种适配屏幕的组件显示系统，所述系统包括：

加载单元，用于当检测到打开智能设备中应用软件的指定界面时，加载所述指定界面的页面布局，所述页面布局至少包含：所述指定界面需显示的各个待显示组件的默认显示参数；

处理单元，用于获取预先确定的缩放比例，所述缩放比例预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到；

确定单元，用于利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数；

创建单元，用于根据所述实际显示参数，创建所述待显示组件；

显示单元，用于将所创建的所述待显示组件添加至所述指定界面中进行显示。

优选的，所述处理单元具体用于：当检测到所述智能设备的应用软件进行初始化时，调用组件库获取所述智能设备的屏幕参数和所述默认显示参数；调用所述组件库根据所述屏幕参数和所述默认显示参数，计算缩放比例并将其存储至所述应用软件中。

本发明实施例第三方面公开一种电子设备，所述电子设备用于运行程序，其中，所述程序运行时执行如本发明实施例第一方面公开的适配屏幕的组件显示方法。

本发明实施例第四方面公开一种计算机存储介质，所述存储介质包括存储程序，其中，在所述程序运行时控制所述存储介质所在设备执行如本发明实施例第一方面公开的适配屏幕的组件显示方法。

基于上述本发明实施例提供的一种适配屏幕的组件显示方法及系统，该方法为：当检测到打开智能设备中应用软件的指定界面时，加载指定界面的页面布局；获取预先确定的缩放比例；利用默认显示参数和缩放比例，确定各个待显示组件的实际显示参数；根据实际显示参数，创建待显示组件；将所创建的待显示组件添加至指定界面中进行显示。本方案中，预先根据智能设备的屏幕参数和指定界面中各待显示组件的默认显示参数确定缩放比例；当打开指定界面时，利用默认显示参数和缩放比例确定各个待显示组件的实际显示参数，并根据实际显示参数创建待显示组件，将所创建的待显示组件添加至指定界面中进行显示，以适配智能设备的屏幕，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低应用软件的开发成本和开发难度。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例提供的一种适配屏幕的组件显示方法的流程图；

图2为本发明实施例提供的一种适配屏幕的组件显示方法的另一流程图；

图3为本发明实施例提供的应用软件、组件库和系统原生之间的交互示意图；

图4为本发明实施例提供的一种适配屏幕的组件显示系统的结构框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

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

由背景技术可知，目前对不同智能设备的屏幕进行适配时，当出现新的屏幕参数后，需要不断的根据新的屏幕参数对应用软件进行适配开发，此种方式会耗费大量的人力和时间，导致应用软件的开发成本较高和开发难度较高。

因此，本发明实施例提供一种适配屏幕的组件显示方法及系统，预先根据智能设备的屏幕参数和指定界面中各待显示组件的默认显示参数确定缩放比例；当打开指定界面时，利用默认显示参数和缩放比例确定各个待显示组件的实际显示参数，并根据实际显示参数创建待显示组件，将所创建的待显示组件添加至指定界面中进行显示，以适配智能设备的屏幕，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低应用软件的开发成本和开发难度。

参见图1，示出了本发明实施例提供的一种适配屏幕的组件显示方法的流程图，该组件显示方法包括：

步骤S101：当检测到打开智能设备中应用软件的指定界面时，加载指定界面的页面布局。

需要说明的是，页面布局至少包含：指定界面需显示的各个待显示组件的默认显示参数；该默认显示参数指示待显示组件的默认大小，例如：某一待显示组件的默认显示参数指示该待显示组件的默认大小为10个像素(仅举例)。

在具体实现步骤S101的过程中，当检测到打开智能设备(如智能手机)中应用软件(APP)的指定界面时，加载该指定界面对应的页面布局。

可以理解的是，指定界面可以是应用软件的默认界面，也可以是应用软件的其它交互界面，在此不做具体限定。

步骤S102：获取预先确定的缩放比例。

需要说明的是，缩放比例预先根据智能设备的屏幕参数和待显示组件的默认显示参数确定得到；屏幕参数包括但不仅限于：屏幕尺寸、分辨率、屏幕密度和dpi等参数。

在智能设备的应用软件在实际使用之前，需要对该应用软件进行初始化以确定得到指定界面对应的缩放比例，具体确定缩放比例的方式为：当检测到智能设备的应用软件进行初始化时，调用组件库获取智能设备的屏幕参数和指定界面需显示的各个待显示组件的默认显示参数，具体而言，通过调用组件库初始化API，使组件库获取该屏幕参数和该默认显示参数；调用组件库根据该屏幕参数和该默认显示参数，计算缩放比例并将其存储至应用软件中(如存储在APP本地)；其中，该缩放比例为智能设备的屏幕相对于默认显示参数的缩放比例。

在一些具体实施例中，调用组件库确定缩放比例之后，调用系统原生的接口完成对组件库的初始化，即完成对待显示组件的初始化。

由上述内容可知，指定界面为应用软件的默认界面或其它交互界面，在计算得到该指定界面对应的缩放比例之后，默认界面和其它交互界面可共同调用该缩放比例，也可以针对默认界面或其它交互界面分别确定相应的缩放比例，在此不做具体限定。

步骤S103：利用默认显示参数和缩放比例，确定各个待显示组件的实际显示参数。

在具体实现步骤S103的过程中，调用组件库的接口，利用默认显示参数和缩放比例，计算各个待显示组件的实际显示参数，该实际显示参数指示待显示组件在指定界面中实际显示的大小。

具体而言，以指定界面的页面布局作为参数调用组件库的接口，使组件库结合该指定界面对应的缩放比例计算各个待显示组件的实际显示参数。

可以理解的是，实际显示参数为默认显示参数和缩放比例的乘积，例如：假设某一待显示组件的默认显示参数为10个像素(仅举例，默认显示参数还指示可以是组件的长度和宽度等参数)，缩放比例为0.5，此时确定得到的该待显示组件的实际显示参数为5个像素。

步骤S104：根据实际显示参数，创建待显示组件。

在具体实现步骤S104的过程中，计算得到待显示组件的实际显示参数之后(也是确定待显示组件在指定界面上显示的实际大小)，调用系统原生的原生接口，根据实际显示参数，以异步方式绘制待显示组件，从而完成创建待显示组件。

步骤S105：将所创建的待显示组件添加至指定界面中进行显示。

在具体实现步骤S105的过程中，将所创建的待显示组件添加至应用软件的指定界面中进行显示，以适配智能设备的屏幕。

可以理解的是，以异步方式创建各待显示组件并将其添加至指定界面中进行显示，当所有待显示组件均添加到指定界面中进行显示时，用户即可看到完整的指定界面。

当将所创建的待显示组件添加至应用软件的指定界面中进行显示之后，用户还可根据实际需求来调整各个待显示组件的大小(相当于重新设置待显示组件的大小)。

优选的，当检测到调整任意待显示组件大小的指令时，获取得到需调整大小的待显示组件对应的重设显示参数(指示用户需要将待显示组件调整为多大)；为保证调整大小后的待显示组件也适配智能设备的屏幕，调用组件库的接口，利用重设显示参数和缩放比例，确定该待显示组件对应的新的实际显示参数，具体而言，新的实际显示参数为重设显示参数和缩放比例的乘积；调用系统原生的原生接口，根据新的实际显示参数，重新创建该待显示组件；将重新创建的该待显示组件添加至指定界面中进行显示，以完成调整该待显示组件的大小。

在本发明实施例中，预先根据智能设备的屏幕参数和指定界面中各待显示组件的默认显示参数确定缩放比例；当打开指定界面时，利用默认显示参数和缩放比例确定各个待显示组件的实际显示参数，并根据实际显示参数创建待显示组件，将所创建的待显示组件添加至指定界面中进行显示，以适配智能设备的屏幕，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低应用软件的开发成本和开发难度。

为更好解释说明上述本发明实施例图1中的内容，通过图2示出的一种适配屏幕的组件显示方法的另一流程图进行举例说明，图2包括以下步骤：

步骤S201：初始化智能设备中应用软件的指定界面需显示的各个待显示组件。

在具体实现步骤S201的过程中，预先利用智能设备的屏幕参数和待显示组件对应的默认显示参数，计算得到缩放比例，并调用系统原生完成待显示组件的初始化。

步骤S202：利用缩放比例，确定各个待显示组件的实际显示参数。

步骤S203：根据实际显示参数创建待显示组件，并将创建的待显示组件添加到指定界面中进行显示。

步骤S204：判断是否需要调整指定界面显示的待显示组件的大小；若需要调整，获取重设显示参数，并返回执行步骤S202；若不需要调整，结束流程。

在具体实现步骤S204的过程中，若需要调整指定界面显示的任意待显示组件的大小，获取重设显示参数，并返回执行步骤S202重新计算待显示组件的新的实际显示参数；再执行步骤S203重新创建该待显示组件，并将重新创建的该待显示组件添加到指定界面中进行显示。

可以理解的是，在指定界面中显示待显示组件之后，可动态修改该指定界面中所显示的任意待显示组件的大小，在修改时，通过上述步骤S202和步骤S203完成针对待显示组件的大小的修改。

由上述本发明实施例图1和图2中的内容可知，在对智能设备的屏幕进行适配时，需调用组件库计算待显示组件的实际显示参数，以及调用系统原生创建待显示组件并将其添加至应用软件的指定界面中进行显示，为更好理解整个过程，通过图3示出的应用软件(也就是图3中的APP)、组件库和系统原生之间的交互示意图进行举例说明，需要说明的是，图3中的指定界面为默认界面，图3包括以下步骤：

步骤S301：APP调用组件库初始化API，对组件库进行初始化。

在具体实现步骤S301的过程中，用户打开智能设备的APP后，APP的进程开始初始化，此时APP调用组件库初始化API，对组件库进行初始化。

步骤S302：组件库获取智能设备的屏幕参数，并根据屏幕参数和待显示组件的默认显示参数计算缩放比例。

步骤S303：组件库通过调用系统原生的接口完成组件库的初始化。

步骤S304：当检测到打开APP的默认界面时，加载页面布局。

步骤S305：调用组件库的API计算待显示组件的实际显示参数。

步骤S306：组件库读取缩放比例，并根据缩放比例和默认显示参数，计算待显示组件的实际显示参数。

步骤S307：组件库调用系统原生的原生接口，根据实际显示参数创建待显示组件。

步骤S308：APP接收到由系统原生所创建的待显示组件，并将其添加至默认界面中进行显示。

步骤S309：APP调用组件库的API重新调整待显示组件的大小。

步骤S310：组件库读取缩放比例，并根据缩放比例和重设显示参数确定新的实际显示参数。

步骤S311：组件库调用系统原生的原生接口，根据新的实际显示参数重新创建待显示组件。

步骤S312：APP接收到由系统原生重新创建的待显示组件，并将其添加至默认界面中进行显示。

需要说明的是，步骤S301至步骤S312的执行原理，可参见上述本发明实施例图1中的内容，在此不再赘述。

以上是关于一种适配屏幕的组件显示方法的说明，应用软件只需要开发一个APP安装包，该APP安装包可安装到任意智能设备上，用户在智能设备中打开应用软件时，即可通过上述方式显示已适配该智能设备的屏幕的组件，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低应用软件的开发成本和开发难度。

与上述本发明实施例提供的一种适配屏幕的组件显示方法相对应，参见图4，本发明实施例还提供了一种适配屏幕的组件显示系统的结构框图，该组件显示系统包括：加载单元401、处理单元402、确定单元403、创建单元404和显示单元405；

加载单元401，用于当检测到打开智能设备中应用软件的指定界面时，加载指定界面的页面布局，页面布局至少包含：指定界面需显示的各个待显示组件的默认显示参数。

处理单元402，用于获取预先确定的缩放比例，缩放比例预先根据智能设备的屏幕参数和默认显示参数确定得到。

在具体实现中，处理单元402具体用于：当检测到智能设备的应用软件进行初始化时，调用组件库获取智能设备的屏幕参数和默认显示参数；调用组件库根据屏幕参数和默认显示参数，计算缩放比例并将其存储至应用软件中。

优选的，处理单元402还用于：计算缩放比例并将其存储至应用软件中之后，调用系统原生，完成对组件库的初始化。

确定单元403，用于利用默认显示参数和缩放比例，确定各个待显示组件的实际显示参数。

在具体实现中，确定单元403具体用于：调用组件库，利用默认显示参数和缩放比例，确定各个待显示组件的实际显示参数。

创建单元404，用于根据实际显示参数，创建待显示组件。

在具体实现中，创建单元404具体用于：调用系统原生，根据实际显示参数，以异步方式创建待显示组件。

显示单元405，用于将所创建的待显示组件添加至指定界面中进行显示。

在本发明实施例中，预先根据智能设备的屏幕参数和指定界面中各待显示组件的默认显示参数确定缩放比例；当打开指定界面时，利用默认显示参数和缩放比例确定各个待显示组件的实际显示参数，并根据实际显示参数创建待显示组件，将所创建的待显示组件添加至指定界面中进行显示，以适配智能设备的屏幕，不需要根据新的屏幕参数对应用软件进行重复的适配开发，降低应用软件的开发成本和开发难度。

优选的，结合图4示出的内容，该组件显示系统还包括：

调整单元，用于当检测到调整待显示组件大小的指令时，获取得到相应的重设显示参数。

相应的，确定单元403还用于：利用重设显示参数和缩放比例，确定待显示组件对应的新的实际显示参数；创建单元404还用于：根据新的实际显示参数，重新创建待显示组件；显示单元405还用于：将重新创建的待显示组件添加至指定界面中进行显示。

在本发明实施例中，在指定界面中显示待显示组件之后，若需调整待显示组件的大小，利用重设显示参数和缩放比例确定待显示组件对应的新的实际显示参数。根据新的实际显示参数重新创建待显示组件，将重新创建的待显示组件添加至指定界面中进行显示，实现调整大小后的待显示组件也适配智能设备的屏幕，提高用户的使用体验。

优选的，本发明实施例还提供了一种电子设备，该电子设备用于运行程序，其中，程序运行时执行如上述实施例公开的适配屏幕的组件显示方法。

优选的，本发明实施例还提供了一种计算机存储介质，存储介质包括存储程序，其中，在程序运行时控制存储介质所在设备执行如上述实施例公开的适配屏幕的组件显示方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种适配屏幕的组件显示方法，其特征在于，所述方法包括：

当检测到打开智能设备中应用软件的指定界面时，加载所述指定界面的页面布局，所述页面布局至少包含：所述指定界面需显示的各个待显示组件的默认显示参数；

获取预先确定的缩放比例，所述缩放比例预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到；

利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数；

根据所述实际显示参数，创建所述待显示组件；

将所创建的所述待显示组件添加至所述指定界面中进行显示。

2.根据权利要求1所述的方法，其特征在于，预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到所述缩放比例的过程，包括：

当检测到所述智能设备的应用软件进行初始化时，调用组件库获取所述智能设备的屏幕参数和所述默认显示参数；

调用所述组件库根据所述屏幕参数和所述默认显示参数，计算缩放比例并将其存储至所述应用软件中。

3.根据权利要求1所述的方法，其特征在于，将所创建的所述待显示组件添加至所述指定界面中进行显示之后，还包括：

当检测到调整所述待显示组件大小的指令时，获取得到相应的重设显示参数；

利用所述重设显示参数和所述缩放比例，确定所述待显示组件对应的新的实际显示参数；

根据所述新的实际显示参数，重新创建所述待显示组件；

将重新创建的所述待显示组件添加至所述指定界面中进行显示。

4.根据权利要求1所述的方法，其特征在于，根据所述实际显示参数，创建所述待显示组件，包括：

调用系统原生，根据所述实际显示参数，以异步方式创建所述待显示组件。

5.根据权利要求1所述的方法，其特征在于，利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数，包括：

调用组件库，利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数。

6.根据权利要求2所述的方法，其特征在于，计算缩放比例并将其存储至所述应用软件中之后，还包括：

调用系统原生，完成对所述组件库的初始化。

7.一种适配屏幕的组件显示系统，其特征在于，所述系统包括：

加载单元，用于当检测到打开智能设备中应用软件的指定界面时，加载所述指定界面的页面布局，所述页面布局至少包含：所述指定界面需显示的各个待显示组件的默认显示参数；

处理单元，用于获取预先确定的缩放比例，所述缩放比例预先根据所述智能设备的屏幕参数和所述默认显示参数确定得到；

确定单元，用于利用所述默认显示参数和所述缩放比例，确定各个所述待显示组件的实际显示参数；

创建单元，用于根据所述实际显示参数，创建所述待显示组件；

显示单元，用于将所创建的所述待显示组件添加至所述指定界面中进行显示。

8.根据权利要求7所述的系统，其特征在于，所述处理单元具体用于：当检测到所述智能设备的应用软件进行初始化时，调用组件库获取所述智能设备的屏幕参数和所述默认显示参数；调用所述组件库根据所述屏幕参数和所述默认显示参数，计算缩放比例并将其存储至所述应用软件中。

9.一种电子设备，其特征在于，所述电子设备用于运行程序，其中，所述程序运行时执行如权利要求1至6中任一所述的适配屏幕的组件显示方法。

10.一种计算机存储介质，其特征在于，所述存储介质包括存储程序，其中，在所述程序运行时控制所述存储介质所在设备执行如权利要求1至6中任一所述的适配屏幕的组件显示方法。

Images