界面调整方法、装置、计算机设备及计算机可读存储介质

(19)中华人民共和国国家知识产权局

(12)发明专利

HP(10)授权公告号CN112099887B

(45)授权公告日2021.12.17

(21)申请号202010851700.7(56)对比文件

CN111552530A,2020.08.18

(22)申请日2020.08.21

CN111552530A,2020.08.18

同一申请的已公布的文献号

(65)CN110262858A,2019.09.20

申请公布号CN112099887A

CN108427546A,2018.08.21

(43)申请公布日2020.12.18CN103885755A,2014.06.25

CN103970421A,2014.08.06

(73)专利权人完美世界(重庆)互动科技有限公

司CN110314376A,2019.10.11

地址401147重庆市渝北区洪湖西路24号审查员葛运滨

(72)发明人范睿男

(74)专利代理机构北京中强智尚知识产权代理

有限公司11448

代理人黄耀威

(51)Int.CI.

G06F9/45/(2018.01)

G06F3/0487(2013.01)权利要求书3页说明书16页附图7页

(54)发明名称

界面调整方法、装置、计算机设备及计算机

可读存储介质

(57)摘要

•',：：,101

根榭口甘■•第”・盲・比S.计口燃制富度和J

本申请公开了一种界面调整方法、装置、计磔"育度

算机设备及计算机可读存储介质,涉及计算机技

术领域，根据屏幕宽高比值，计算绘制宽度和绘IkW山办汴山C的，：J?M%也H匕,102

Wtru分公・免8口1»**的”因口景的,

制高度，自适应调整，无需建立黑名单，无需单边

缩进或增加填充图，令画面美观。所述方法包括:

当检测到针对目标设备屏幕的目标界面展示请膈T汝*崎■■发△Uk界制的...

m能付你自件・。口।•■办出.”电**加金色箱口小’

求时，根据目标设备屏幕的屏幕宽高比值，计算

绘制宽度和绘制高度;将目标界面的界面背景层

根把小Kt'a-'KI.4出。3界出之”.104

的尺寸调整为绘制宽度和绘制高度;基于绘制宽W.界面之互基艮&置"口“鼻用的可ItflM域的图J

度和绘制高度对界面装饰层在目标界面的位置

参数进行计算，得到定位信息，将界面装饰层按

按熟口”界面中的2?布一.江口”界立中的界面俏—>105

g照定位信息停靠在目标界面;根据绘制宽度和绘aa无至界百文近至.完逢时口斥界西的濡整

制高度，在目标界面布局界面父互层；按照目标

常界面中的文字布局,将目标界面中的界面信息填

§充至界面交互层。

g

CN112099887B权利要求书1/3页

1.一种界面调整方法，其特征在于，包括：

当检测到针对目标设备屏幕的目标界面展示请求时，根据所述目标设备屏幕的屏幕宽

高比值，计算绘制宽度和绘制高度，其中，基础分辨率为标准屏幕宽度与标准屏幕高度的比

值，若所述屏幕宽高比值大于等于所述基础分辨率，则将所述标准屏幕高度设置为所述绘

制高度，计算所述屏幕宽高比值与所述绘制高度的乘积作为所述绘制宽度;若所述屏幕宽

高比值小于所述基础分辨率，则将所述标准屏幕宽度设置为所述绘制宽度,计算所述屏幕

宽高比值的倒数与所述绘制宽度的乘积作为所述绘制高度；

将所述目标界面的界面背景层的尺寸调整为所述绘制宽度和所述绘制高度，所述界面

背景层是填充有所述目标界面的界面背景的图层；

基于所述绘制宽度和所述绘制高度对界面装饰层在所述目标界面的位置参数进行计

算,得到定位信息，将所述界面装饰层按照所述定位信息停靠在所述目标界面，所述界面装

饰层是包括所述目标界面的装饰图的图层；

根据所述绘制宽度和所述绘制高度，在所述目标界面布局界面交互层,所述界面交互

层是设置有所述目标界面的可操作区域的图层；

按照所述目标界面中的文字布局，将所述目标界面中的界面信息填充至所述界面交互

层，完成对所述目标界面的调整。

2.根据权利要求1所述的方法，其特征在于，所述将所述目标界面的界面背景层的尺寸

调整为所述绘制宽度和所述绘制高度,包括：

确定预设调整方式，所述预设调整方式至少为拉伸调整或平铺填充调整中的任一种；

基于所述预设调整方式,对所述界面背景层的尺寸进行调整，控制所述界面背景层的

尺寸与所述绘制宽度和所述绘制高度一致。

3.根据权利要求1所述的方法，其特征在于，所述基于所述绘制宽度和所述绘制高度对

界面装饰层在所述目标界面的位置参数进行计算，得到定位信息,包括：

获取所述界面装饰层在所述目标界面的所述位置参数；

若所述位置参数指示了所述界面装饰层距离所述目标设备屏幕的边缘的第一绝对位

置，则根据所述界面装饰层在所述目标界面的所处位置、所述绘制宽度、所述绘制高度和所

述第一绝对位置进行计算，确定第一横向绝对位置信息和第一纵向绝对位置信息，将所述

第一横向绝对位置信息和所述第一纵向绝对位置信息作为所述定位信息；

若所述位置参数指示了所述界面装饰层与所述目标设备屏幕的边缘的第一相对位置,

则计算所述绘制宽度与所述第一相对位置的第一乘积、所述绘制宽度与所述第一相对位置

的第二乘积，将所述第一乘积作为第一横向相对位置信息，将所述第二乘积作为第一纵向

相对位置信息，将所述第一横向相对位置信息和所述第一纵向相对位置信息作为所述定位

信息。

4.根据权利要求3所述的方法，其特征在于，所述根据所述界面装饰层在所述目标界面

的所处位置、所述绘制宽度、所述绘制高度和所述第一绝对位置进行计算，确定第一横向绝

对位置信息和第一纵向绝对位置信息，包括：

当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的左边

缘时，将所述第一绝对位置设置为所述第一横向绝对位置信息；

当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的右边

2

CN112099887B权利要求书2/3页

缘时，计算所述绘制宽度与所述第一绝对位置的差值作为所述第一横向绝对位置信息；

当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的顶部

边缘时，将所述第一绝对位置设置为所述第一纵向绝对位置信息；

当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的底部

边缘时，计算所述绘制高度与所述第一绝对位置的差值作为所述第一纵向绝对位置信息。

5.根据权利要求1所述的方法，其特征在于，所述根据所述绘制宽度和所述绘制高度，

在所述目标界面布局界面交互层，包括：

计算所述绘制宽度与第一定位系数的第三乘积、标准屏幕宽度与预设系数的第四乘

积,将所述第三乘积和所述第四乘积的差值作为左边缘定位信息；

将第二定位系数设置为顶部边缘定位信息；

计算所述绘制宽度与系数差值的第五乘积，将所述第五乘积和所述第四乘积的和值作

为右边缘定位信息，所述系数差值为默认取值与所述预设系数的差值；

计算所述绘制高度与所述第二定位系数的差值作为底部边缘定位信息；

按照所述左边缘定位信息、所述顶部边缘定位信息、所述右边缘定位信息和所述底部

边缘定位信息，布局所述界面交互层。

6.根据权利要求1所述的方法，其特征在于，所述按照所述目标界面中的文字布局，将

所述目标界面中的界面信息填充至所述界面交互层,包括：

基于所述文字布局，确定第二绝对位置和第二相对位置；

按照所述第二绝对位置和所述第二相对位置，将所述界面交互层划分为列表区、信息

展示区以及页签展示区；

获取所述界面信息包括的至少一个列表项目，根据列表配置要求，将所述至少一个列

表项目填充至所述列表区；

将所述界面信息包括的文字描述填充至所述信息展示区，将所述界面信息包括的页签

元素填充至所述页签展示区。

7.根据权利要求6所述的方法，其特征在于，所述按照所述第二绝对位置和所述第二相

对位置，将所述界面交互层划分为列表区、信息展示区以及页签展示区，包括：

根据所述第二绝对位置的指示，在所述目标设备屏幕确定列表区顶边缘、列表区左边

缘以及列表区下边缘，基于所述绘制宽度与所述第二相对位置的乘积输出列表区右边缘,

并按照所述列表区顶边缘、所述列表区左边缘、所述列表区下边缘和所述列表区右边缘，确

定所述列表区；

根据所述第二绝对位置的指示，在所述目标设备屏幕确定信息展示区顶边缘以及信息

展示区下边缘，基于所述绘制宽度与所述第二相对位置的乘积输出信息展示区右边缘和信

息展示区左边缘，并按照所述信息展示区顶边缘、所述信息展示区下边缘、所述信息展示区

右边缘和所述信息展示区左边缘，确定所述信息展示区；

根据所述第二绝对位置的指示，在所述目标设备屏幕确定页签展示区顶边缘、页签展

示区右边缘以及页签展示区下边缘，基于所述绘制宽度与所述第二相对位置的乘积输出页

签展示区左边缘，并按照所述页签展示区顶边缘、所述页签展示区右边缘、所述页签展示区

下边缘和所述页签展示区左边缘，确定所述页签展示区。

8.根据权利要求6所述的方法，其特征在于，所述根据列表配置要求，将所述至少一个

3

CN112099887B权利要求书3/3页

列表项目填充至所述列表区，包括：

若所述列表配置要求规定了预设列表项目尺寸，根据所述列表区的列表宽度与所述预

设列表项目尺寸的比值输出每列项目数；

计算所述每列项目数与所述预设列表项目尺寸的第六乘积,计算所述列表宽度与所述

第六乘积的第一乘积差值；

根据所述第一乘积差值与所述每列项目数的比值输出列表项间隔；

按照所述每列项目数和所述列表项间隔，将所述至少一个列表项目进行填充。

9.根据权利要求8所述的方法，其特征在于，所述方法还包括：

若所述列表配置要求规定了预设每列项目数和预设列表项间隔，则计算所述预设每列

项目数与默认取值的项目差值，计算所述项目差值与所述预设列表项间隔的第七乘积；

计算所述列表宽度与所述第七乘积的第二乘积差值，根据所述第二乘积差值与所述预

设每列项目数的比值输出列表项目尺寸；

按照所述预设每列项目数、所述预设列表项间隔以及所述列表项目尺寸，将所述至少

一个列表项目进行填充。

10.一种界面调整装置，其特征在于，包括：

第一计算模块，用于当检测到针对目标设备屏幕的目标界面展示请求时，根据所述目

标设备屏幕的屏幕宽高比值，计算绘制宽度和绘制高度，其中，基础分辨率为标准屏幕宽度

与标准屏幕高度的比值，若所述屏幕宽高比值大于等于所述基础分辨率，则将所述标准屏

幕高度设置为所述绘制高度，计算所述屏幕宽高比值与所述绘制高度的乘积作为所述绘制

宽度；若所述屏幕宽高比值小于所述基础分辨率，则将所述标准屏幕宽度设置为所述绘制

宽度，计算所述屏幕宽高比值的倒数与所述绘制宽度的乘积作为所述绘制高度；

调整模块，用于将所述目标界面的界面背景层的尺寸调整为所述绘制宽度和所述绘制

高度，所述界面背景层是填充有所述目标界面的界面背景的图层；

第二计算模块，用于基于所述绘制宽度和所述绘制高度对界面装饰层在所述目标界面

的位置参数进行计算，得到定位信息，将所述界面装饰层按照所述定位信息停靠在所述目

标界面，所述界面装饰层是包括所述目标界面的装饰图的图层；

布局模块，用于根据所述绘制宽度和所述绘制高度，在所述目标界面布局界面交互层,

所述界面交互层是设置有所述目标界面的可操作区域的图层；

填充模块，用于按照所述目标界面中的文字布局，将所述目标界面中的界面信息填充

至所述界面交互层，完成对所述目标界面的调整。

11.一种计算机设备，包括存储器和处理器,所述存储器存储有计算机程序，其特征在

于,所述处理器执行所述计算机程序时实现权利要求1至9中任一项所述方法的步骤。

12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序

被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。

4

CN112099887B说明书1/16页

界面调整方法'装置'计算机设备及计算机可读存储介质

技术领域

[0001]本申请涉及计算机技术领域，特别是涉及一种界面调整方法、装置、计算机设备及

计算机可读存储介质。

背景技术

[0002]随着计算机技术的不断发展，各种类型的终端设备越来越多，全面屏的终端设备

已经普及,各个终端设备的厂商也在全力发展全面屏。目前，市面上的终端设备屏幕尺寸不

一，且不同厂商的终端设备的前置摄像头的位置也各有不同，前置摄像头会占用屏幕中的

一部分区域,在具体的显示过程中，很可能会遮挡屏幕两侧停靠的交互功能区或信息展示

区，因此，需要对屏幕展示的界面进行调整，保证界面与屏幕的适配。

[0003]相关技术中，将前置摄像头会占用屏幕的终端设备以及占用的位置信息记入到黑

名单中，由运行在终端设备上的客户端判断该终端设备是否在黑名单中。如果终端设备属

于黑名单，则根据终端设备的重力感应方向，判断前置摄像头占用的区域在哪一侧,调整该

侧进行单边缩进，缩进的距离为记入在黑名单中的位置信息。

[0004]在实现本申请的过程中，申请人发现相关技术至少存在以下问题：

[0005]单边缩进的调整需要针对终端设备单独进行调整和适配，调整过程繁琐，而且会

导致显示的界面在屏幕中重心偏移，画面不平衡，影响画面的美观度。

[0006]申请内容

[0007]有鉴于此，本申请提供了一种界面调整方法、装置、计算机设备及计算机可读存储

介质,主要目的在于解决目前调整过程繁琐,而且会导致显示的界面在屏幕中重心偏移，画

面不平衡,影响画面的美观度的问题。

[0008]依据本申请第一方面，提供了一种界面调整方法,该方法包括：

[0009]当检测到针对目标设备屏幕的目标界面展示请求时，根据所述目标设备屏幕的屏

幕宽高比值,计算绘制宽度和绘制高度；

[0010]将所述目标界面的界面背景层的尺寸调整为所述绘制宽度和所述绘制高度，所述

界面背景层是填充有所述目标界面的界面背景的图层；

[0011]基于所述绘制宽度和所述绘制高度对界面装饰层在所述目标界面的位置参数进

行计算,得到定位信息，将所述界面装饰层按照所述定位信息停靠在所述目标界面，所述界

面装饰层是包括所述目标界面的装饰图的图层；

[0012]根据所述绘制宽度和所述绘制高度，在所述目标界面布局界面交互层，所述界面

交互层是设置有所述目标界面的可操作区域的图层；

[0013]按照所述目标界面中的文字布局，将所述目标界面中的界面信息填充至所述界面

交互层，完成对所述目标界面的调整。

[0014]在另一个实施例中，所述根据所述目标设备屏幕的屏幕宽高比值,计算绘制宽度

和绘制高度,包括：

[0015]读取所述目标设备屏幕的实际屏幕宽度和实际屏幕高度，计算所述实际屏幕宽度

5

CN112099887B说明书2/16页

和所述实际屏幕高度的比值作为所述屏幕宽高比值，将所述屏幕宽高比值与基础分辨率进

行比对，所述基础分辨率为标准屏幕宽度与标准屏幕高度的比值；

[0016]若所述屏幕宽高比值大于等于所述基础分辨率，则将所述标准屏幕高度设置为所

述绘制高度，计算所述屏幕宽高比值与所述绘制高度的乘积作为所述绘制宽度；

[0017]若所述屏幕宽高比值小于所述基础分辨率，则将所述标准屏幕宽度设置为所述绘

制宽度，计算所述屏幕宽高比值的倒数与所述绘制宽度的乘积作为所述绘制高度。

[0018]在另一个实施例中，所述将所述目标界面的界面背景层的尺寸调整为所述绘制宽

度和所述绘制高度,包括：

[0019]确定预设调整方式，所述预设调整方式至少为拉伸调整或平铺填充调整中的任一

种；

[0020]基于所述预设调整方式，对所述界面背景层的尺寸进行调整，控制所述界面背景

层的尺寸与所述绘制宽度和所述绘制高度一致。

[0021]在另一个实施例中，所述基于所述绘制宽度和所述绘制高度对界面装饰层在所述

目标界面的位置参数进行计算，得到定位信息,包括：

[0022]获取所述界面装饰层在所述目标界面的所述位置参数；

[0023]若所述位置参数指示了所述界面装饰层距离所述目标设备屏幕的边缘的第一绝

对位置，则根据所述界面装饰层在所述目标界面的所处位置、所述绘制宽度、所述绘制高度

和所述第一绝对位置进行计算，确定第一横向绝对位置信息和第一纵向绝对位置信息，将

所述第一横向绝对位置信息和所述第一纵向绝对位置信息作为所述定位信息；

[0024]若所述位置参数指示了所述界面装饰层与所述目标设备屏幕的边缘的第一相对

位置，则计算所述绘制宽度与所述第一相对位置的第一乘积、所述绘制宽度与所述第一相

对位置的第二乘积，将所述第一乘积作为第一横向相对位置信息，将所述第二乘积作为第

一纵向相对位置信息，将所述第一横向相对位置信息和所述第一纵向相对位置信息作为所

述定位信息。

[0025]在另一个实施例中，所述根据所述界面装饰层在所述目标界面的所处位置、所述

绘制宽度、所述绘制高度和所述第一绝对位置进行计算，确定第一横向绝对位置信息和第

一纵向绝对位置信息，包括：

[0026]当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的

左边缘时，将所述第一绝对位置设置为所述第一横向绝对位置信息；

[0027]当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的

右边缘时，计算所述绘制宽度与所述第一绝对位置的差值作为所述第一横向绝对位置信

息；

[0028]当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的

顶部边缘时，将所述第一绝对位置设置为所述第一纵向绝对位置信息；

[0029]当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的

底部边缘时,计算所述绘制高度与所述第一绝对位置的差值作为所述第一纵向绝对位置信

息。

[0030]在另一个实施例中，所述根据所述绘制宽度和所述绘制高度，在所述目标界面布

局界面交互层，包括：

6

CN112099887B说明书3/16页

[0031]计算所述绘制宽度与第一定位系数的第三乘积、标准屏幕宽度与预设系数的第四

乘积,将所述第三乘积和所述第四乘积的差值作为左边缘定位信息；

[0032]将所述第二定位系数设置为顶部边缘定位信息；

[0033]计算所述绘制宽度与系数差值的第五乘积，将所述第五乘积和所述第四乘积的和

值作为右边缘定位信息，所述系数差值为默认取值与所述预设系数的差值；

[0034]计算所述绘制高度与所述第二定位系数的差值作为底部边缘定位信息；

[0035]按照所述左边缘定位信息、所述顶部边缘定位信息、所述右边缘定位信息和所述

底部边缘定位信息，布局所述界面交互层。

[0036]在另一个实施例中，所述按照所述目标界面中的文字布局,将所述目标界面中的

界面信息填充至所述界面交互层，包括：

[0037]基于所述文字布局，确定第二绝对位置和第二相对位置；

[0038]按照所述第二绝对位置和所述第二相对位置,将所述界面交互层划分为列表区、

信息展示区以及页签展示区；

[0039]获取所述界面信息包括的至少一个列表项目，根据列表配置要求，将所述至少一

个列表项目填充至所述列表区；

[0040]将所述界面信息包括的文字描述填充至所述信息展示区，将所述界面信息包括的

页签元素填充至所述页签展示区。

[0041]在另一个实施例中，所述按照所述第二绝对位置和所述第二相对位置，将所述界

面交互层划分为列表区、信息展示区以及页签展示区，包括：

[0042]根据所述第二绝对位置的指示，在所述目标设备屏幕确定列表区顶边缘、列表区

左边缘以及列表区下边缘,基于所述绘制宽度与所述第二相对位置的乘积输出列表区右边

缘，并按照所述列表区顶边缘、所述列表区左边缘、所述列表区下边缘和所述列表区右边

缘，确定所述列表区；

[0043]根据所述第二绝对位置的指示,在所述目标设备屏幕确定信息展示区顶边缘以及

信息展示区下边缘,基于所述绘制宽度与所述第二相对位置的乘积输出信息展示区右边缘

和信息展示区左边缘，并按照所述信息展示区顶边缘、所述信息展示区下边缘、所述信息展

示区右边缘和所述信息展示区左边缘，确定所述信息展示区；

[0044]根据所述第二绝对位置的指示，在所述目标设备屏幕确定页签展示区顶边缘、页

签展示区右边缘以及页签展示区下边缘,基于所述绘制宽度与所述第二相对位置的乘积输

出页签展示区左边缘，并按照所述页签展示区顶边缘、所述页签展示区右边缘、所述页签展

示区下边缘和所述页签展示区左边缘，确定所述页签展示区。

[0045]在另一个实施例中，所述根据列表配置要求,将所述至少一个列表项目填充至所

述列表区，包括：

[0046]若所述列表配置要求规定了预设列表项目尺寸，根据所述列表区的列表宽度与所

述预设列表项目尺寸的比值输出每列项目数；

[0047]计算所述每列项目数与所述预设列表项目尺寸的第六乘积,计算所述列表宽度与

所述第六乘积的第一乘积差值；

[0048]根据所述第一乘积差值与所述每列项目数的比值输出列表项间隔；

[0049]按照所述每列项目数和所述列表项间隔，将所述至少一个列表项目进行填充。

7

CN112099887B说明书4/16页

[0050]在另一个实施例中，所述方法还包括：

[0051]若所述列表配置要求规定了预设每列项目数和预设列表项间隔，则计算所述预设

每列项目数与默认取值的项目差值,计算所述项目差值与所述预设列表项间隔的第七乘

积；

[0052]计算所述列表宽度与所述第七乘积的第二乘积差值,根据所述第二乘积差值与所

述预设每列项目数的比值输出列表项目尺寸；

[0053]按照所述预设每列项目数、所述预设列表项间隔以及所述列表项目尺寸,将所述

至少一个列表项目进行填充。

[0054]依据本申请第二个方面，提供了一种界面调整装置,该装置包括：

[0055]第一计算模块，用于当检测到针对目标设备屏幕的目标界面展示请求时，根据所

述目标设备屏幕的屏幕宽高比值,计算绘制宽度和绘制高度；

[0056]调整模块,用于将所述目标界面的界面背景层的尺寸调整为所述绘制宽度和所述

绘制高度，所述界面背景层是填充有所述目标界面的界面背景的图层；

[0057]第二计算模块，用于基于所述绘制宽度和所述绘制高度对界面装饰层在所述目标

界面的位置参数进行计算,得到定位信息，将所述界面装饰层按照所述定位信息停靠在所

述目标界面,所述界面装饰层是包括所述目标界面的装饰图的图层；

[0058]布局模块，用于根据所述绘制宽度和所述绘制高度,在所述目标界面布局界面交

互层,所述界面交互层是设置有所述目标界面的可操作区域的图层；

[0059]填充模块，用于按照所述目标界面中的文字布局，将所述目标界面中的界面信息

填充至所述界面交互层，完成对所述目标界面的调整。

[0060]在另一个实施例中，所述第一计算模块，包括：

[0061]读取单元，用于读取所述目标设备屏幕的实际屏幕宽度和实际屏幕高度，计算所

述实际屏幕宽度和所述实际屏幕高度的比值作为所述屏幕宽高比值,将所述屏幕宽高比值

与基础分辨率进行比对，所述基础分辨率为标准屏幕宽度与标准屏幕高度的比值；

[0062]第一计算单元，用于若所述屏幕宽高比值大于等于所述基础分辨率，则将所述标

准屏幕高度设置为所述绘制高度,计算所述屏幕宽高比值与所述绘制高度的乘积作为所述

绘制宽度；

[0063]第二计算单元，用于若所述屏幕宽高比值小于所述基础分辨率，则将所述标准屏

幕宽度设置为所述绘制宽度，计算所述屏幕宽高比值的倒数与所述绘制宽度的乘积作为所

述绘制高度。

[0064]在另一个实施例中，所述调整模块，用于确定预设调整方式,所述预设调整方式至

少为拉伸调整或平铺填充调整中的任一种;基于所述预设调整方式,对所述界面背景层的

尺寸进行调整，控制所述界面背景层的尺寸与所述绘制宽度和所述绘制高度一致。

[0065]在另一个实施例中，所述第二计算模块，包括：

[0066]获取单元，用于获取所述界面装饰层在所述目标界面的所述位置参数；

[0067]第一计算单元，用于若所述位置参数指示了所述界面装饰层距离所述目标设备屏

幕的边缘的第一绝对位置，则根据所述界面装饰层在所述目标界面的所处位置、所述绘制

宽度、所述绘制高度和所述第一绝对位置进行计算，确定第一横向绝对位置信息和第一纵

向绝对位置信息，将所述第一横向绝对位置信息和所述第一纵向绝对位置信息作为所述定

8

CN112099887B说明书5/16页

位信息；

[0068]第二计算单元，用于若所述位置参数指示了所述界面装饰层与所述目标设备屏幕

的边缘的第一相对位置，则计算所述绘制宽度与所述第一相对位置的第一乘积、所述绘制

宽度与所述第一相对位置的第二乘积，将所述第一乘积作为第一横向相对位置信息，将所

述第二乘积作为第一纵向相对位置信息,将所述第一横向相对位置信息和所述第一纵向相

对位置信息作为所述定位信息。

[0069]在另一个实施例中，所述第一计算单元，用于当所述界面装饰层在所述目标界面

的所处位置指示停靠在所述目标设备屏幕的左边缘时,将所述第一绝对位置设置为所述第

一横向绝对位置信息;当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标

设备屏幕的右边缘时，计算所述绘制宽度与所述第一绝对位置的差值作为所述第一横向绝

对位置信息；当所述界面装饰层在所述目标界面的所处位置指示停靠在所述目标设备屏幕

的顶部边缘时，将所述第一绝对位置设置为所述第一纵向绝对位置信息；当所述界面装饰

层在所述目标界面的所处位置指示停靠在所述目标设备屏幕的底部边缘时,计算所述绘制

高度与所述第一绝对位置的差值作为所述第一纵向绝对位置信息。

[0070]在另一个实施例中，所述布局模块，用于计算所述绘制宽度与第一定位系数的第

三乘积、标准屏幕宽度与预设系数的第四乘积,将所述第三乘积和所述第四乘积的差值作

为左边缘定位信息;将所述第二定位系数设置为顶部边缘定位信息;计算所述绘制宽度与

系数差值的第五乘积，将所述第五乘积和所述第四乘积的和值作为右边缘定位信息，所述

系数差值为默认取值与所述预设系数的差值;计算所述绘制高度与所述第二定位系数的差

值作为底部边缘定位信息;按照所述左边缘定位信息、所述顶部边缘定位信息、所述右边缘

定位信息和所述底部边缘定位信息，布局所述界面交互层。

[0071]在另一个实施例中，所述填充模块,包括：

[0072]确定单元，用于基于所述文字布局，确定第二绝对位置和第二相对位置；

[0073]划分单元，用于按照所述第二绝对位置和所述第二相对位置，将所述界面交互层

划分为列表区、信息展示区以及页签展示区；

[0074]第一填充单元，用于获取所述界面信息包括的至少一个列表项目，根据列表配置

要求，将所述至少一个列表项目填充至所述列表区；

[0075]第二填充单元，用于将所述界面信息包括的文字描述填充至所述信息展示区，将

所述界面信息包括的页签元素填充至所述页签展示区。

[0076]在另一个实施例中，所述划分单元,用于根据所述第二绝对位置的指示，在所述目

标设备屏幕确定列表区顶边缘、列表区左边缘以及列表区下边缘，基于所述绘制宽度与所

述第二相对位置的乘积输出列表区右边缘，并按照所述列表区顶边缘、所述列表区左边缘、

所述列表区下边缘和所述列表区右边缘，确定所述列表区；根据所述第二绝对位置的指示,

在所述目标设备屏幕确定信息展示区顶边缘以及信息展示区下边缘,基于所述绘制宽度与

所述第二相对位置的乘积输出信息展示区右边缘和信息展示区左边缘，并按照所述信息展

示区顶边缘、所述信息展示区下边缘、所述信息展示区右边缘和所述信息展示区左边缘，确

定所述信息展示区；根据所述第二绝对位置的指示，在所述目标设备屏幕确定页签展示区

顶边缘、页签展示区右边缘以及页签展示区下边缘，基于所述绘制宽度与所述第二相对位

置的乘积输出页签展示区左边缘，并按照所述页签展示区顶边缘、所述页签展示区右边缘、

9

CN112099887B说明书6/16页

所述页签展示区下边缘和所述页签展示区左边缘，确定所述页签展示区。

[0077]在另一个实施例中，所述第一填充单元，用于若所述列表配置要求规定了预设列

表项目尺寸，根据所述列表区的列表宽度与所述预设列表项目尺寸的比值输出每列项目

数;计算所述每列项目数与所述预设列表项目尺寸的第六乘积，计算所述列表宽度与所述

第六乘积的第一乘积差值;根据所述第一乘积差值与所述每列项目数的比值输出列表项间

隔;按照所述每列项目数和所述列表项间隔，将所述至少一个列表项目进行填充。

[0078]在另一个实施例中，所述第一填充单元，还用于若所述列表配置要求规定了预设

每列项目数和预设列表项间隔，则计算所述预设每列项目数与默认取值的项目差值，计算

所述项目差值与所述预设列表项间隔的第七乘积;计算所述列表宽度与所述第七乘积的第

二乘积差值,根据所述第二乘积差值与所述预设每列项目数的比值输出列表项目尺寸；按

照所述预设每列项目数、所述预设列表项间隔以及所述列表项目尺寸，将所述至少一个列

表项目进行填充。

[0079]依据本申请第三方面，提供了一种计算机设备,包括存储器和处理器，所述存储器

存储有计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述方法的步

骤。

[0080]依据本申请第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序,

所述计算机程序被处理器执行时实现上述第一方面所述的方法的步骤。

[0081]借由上述技术方案，本申请提供的一种界面调整方法、装置、计算机设备及计算机

可读存储介质，本申请根据目标设备屏幕的屏幕宽高比值，计算绘制宽度和绘制高度，进而

基于绘制宽度和绘制高度,将填充有目标界面的界面背景的界面背景层的尺寸调整为绘制

宽度和绘制高度，并确定包括目标界面的装饰图的界面装饰层在目标界面的定位信息、，按

照定位信息进行停靠，并在目标界面布局设置有目标界面的可操作区域的界面交互层，进

而按照目标界面中的文字布局，将目标界面中的界面信息填充至界面交互层，完成对目标

界面的调整，根据请求进行界面展示的终端设备的设备屏幕尺寸，实现自适应完成界面的

调整，无需判断终端设备是否在黑名单中，且通过自身界面的布局规划，也无需进行单边缩

进或增加填充图，简化了界面的调整过程，避免出现显示的界面在屏幕中重心偏移且画面

不平衡的问题，保证显示的界面的画面美观，为使用不同终端设备的用户提供相同效果的

界面展示。

[0082]上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,

而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够

更明显易懂，以下特举本申请的具体实施方式。

附图说明

[0083]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通

技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本申请

的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

[0084]图1示出了本申请实施例提供的一种界面调整方法流程示意图；

[0085]图2A示出了本申请实施例提供的一种界面调整方法流程示意图；

[0086]图2B示出了本申请实施例提供的一种界面调整方法的示意图；

10

CN112099887B说明书7/16页

[0087]图2c示出了本申请实施例提供的一种界面调整方法的示意图；

[0088]图2D示出了本申请实施例提供的一种界面调整方法的示意图；

[0089]图2E示出了本申请实施例提供的一种界面调整方法流程示意图；

[0090]图3A示出了本申请实施例提供的一种界面调整装置的结构示意图；

[0091]图3B示出了本申请实施例提供的一种界面调整装置的结构示意图；

[0092]图3c示出了本申请实施例提供的一种界面调整装置的结构示意图；

[0093]图3D示出了本申请实施例提供的一种界面调整装置的结构示意图；

[0094]图4示出了本申请实施例提供的一种计算机设备的装置结构示意图。

具体实施方式

[0095]下面将参照附图更详细地描述本申请的示例性实施例。虽然附图中显示了本申请

的示例性实施例，然而应当理解,可以以各种形式实现本申请而不应被这里阐述的实施例

所限制。相反，提供这些实施例是为了能够更透彻地理解本申请，并且能够将本申请的范围

完整的传达给本领域的技术人员。

[0096]本申请实施例提供了一种界面调整方法，如图1所示,该方法包括：

[0097]101、当检测到针对目标设备屏幕的目标界面展示请求时，根据目标设备屏幕的屏

幕宽高比值,计算绘制宽度和绘制高度。

[0098]102、将目标界面的界面背景层的尺寸调整为绘制宽度和绘制高度，界面背景层是

填充有目标界面的界面背景的图层。

[0099]103、基于绘制宽度和绘制高度对界面装饰层在目标界面的位置参数进行计算，得

到定位信息，将界面装饰层按照定位信息停靠在目标界面，界面装饰层是包括目标界面的

装饰图的图层。

[0100]104、根据绘制宽度和绘制高度，在目标界面布局界面交互层，界面交互层是设置

有目标界面的可操作区域的图层。

[0101]105、按照目标界面中的文字布局，将目标界面中的界面信息填充至界面交互层,

完成对目标界面的调整。

[0W2]本申请实施例提供的方法,根据目标设备屏幕的屏幕宽高比值，计算绘制宽度和

绘制高度，进而基于绘制宽度和绘制高度，将填充有目标界面的界面背景的界面背景层的

尺寸调整为绘制宽度和绘制高度,并确定包括目标界面的装饰图的界面装饰层在目标界面

的定位信息，按照定位信息进行停靠，并在目标界面布局设置有目标界面的可操作区域的

界面交互层，进而按照目标界面中的文字布局，将目标界面中的界面信息填充至界面交互

层，完成对目标界面的调整，根据请求进行界面展示的终端设备的设备屏幕尺寸，实现自适

应完成界面的调整，无需判断终端设备是否在黑名单中，且通过自身界面的布局规划，也无

需进行单边缩进或增加填充图，简化了界面的调整过程，避免出现显示的界面在屏幕中重

心偏移且画面不平衡的问题，保证显示的界面的画面美观，为使用不同终端设备的用户提

供相同效果的界面展示。

[0103]本申请实施例提供了一种界面调整方法，如图2A所示,该方法包括：

[0104]201、当检测到针对目标设备屏幕的目标界面展示请求时，根据目标设备屏幕的屏

幕宽高比值,计算绘制宽度和绘制高度。

11

CN112099887B说明书8/16页

[0105]目前市面上的终端设备的屏幕尺寸不一，全面屏的终端设备已经普及，且各品牌

厂商对于终端设备的前置摄像头的位置也各有不同，例如，弹出式前置摄像头、刘海式前置

摄像头、眉心式前置摄像头、打孔式前置摄像头等等。在进行游戏、视频、网页等界面的布局

设计过程中，大多数游戏、视频等软件都会采用横屏模型展示界面，而由于前置摄像头占用

的屏幕区域不同、位置不同，会遮挡屏幕两侧停靠的用于与用户交互的区域或用于进行信

息展示的区域，这对界面的布局设计带来了一定困难。另外，不同终端设备的屏幕尺寸比例

是不同，比如手机类的终端设备的屏幕尺寸比例通常是16:9至30:13之间，而平板电脑类的

终端设备的屏幕尺寸比例通常是4:3至2:1之间，不同屏幕尺寸比例更增加了界面的适配难

度。

[0106]当下在对界面进行适配时,通常根据不同终端设备进行“特殊区域”定制化，该“特

殊区域”也就是前置摄像头占用的区域，在对“特殊区域”定制化处理时，一般采用下述三种

方式。第一种方式是,将带有“特殊区域”的终端设备及“特殊区域”的位置信息计入一个黑

名单中，由提供界面的客户端在确定当前设备是黑名单中的设备时，根据当前设备的重力

感应方向，判断“特殊区域”在当前设备的哪一侧，然后将该侧进行单边缩进，缩进的距离即

为记录的位置信息。第二种方式是，客户端在确定当前设备是黑名单中的设备时，在当前设

备的屏幕两侧增加两条装饰图，装饰图宽度即为记录的位置信息宽度。第三种方式是，客户

端在确定当前设备是黑名单中的设备时，对用户进行强制提醒，提醒用户是否使用当前设

备的系统自带的缩进模式，如果当前设备的系统中没有自带的缩进模型，则采用上述方式

一或者方式二自动进行界面的适配。申请人认识到，采用上述三种方式中任一方式进行界

面的适配时，从界面表现上看，单边缩进会导致界面所展示的画面在设备的屏幕中重心偏

移，画面不平衡，且两侧增加的装饰图无法与不同界面的界面风格相匹配，会有一种“补r’

的效果，影响界面美观度。从交互体验上看，单边缩进会导致用户对界面操作的手势偏移,

左右手的停靠区域不一致,且在用户旋转屏幕后，左右手的操作区会改变，非常影响用户的

习惯性操作。从成本维护上看，通过黑名单的方式并不能够适应屏幕区域较大的全面屏的

终端设备。

[0W7]因此，本申请提出一种界面调整方法,根据目标界面展示请求进针对的目标设备

屏幕的设备屏幕尺寸，自适应完成界面的调整，无需判断终端设备是否在黑名单中，且通过

自身界面的布局规划，也无需进行单边缩进或增加填充图，为使用不同终端设备的用户提

供相同效果的界面展示。另外，在交互方面，终端设备的屏幕越长，在进行界面调整时，界面

两侧为用户保留的操控区域的面积越大,为用户提供了更舒适的操作手感。

[0108]在实现本申请实施例之前，为了在终端设备展示界面时能够以某一个标准自动进

行适配，需要先定制一个基础分辨率，也就是一个基础的界面长宽比。该基础分辨率是主流

的屏幕比例，是标准屏幕宽度与标准屏幕高度的比值，能够适配很多不同机型的终端设备,

在本申请实施例中，以基础分辨率为16:9为例进行说明，而在实际应用的过程中，随着市场

的变化，该基础分辨率也可进行变化，本申请对基础分辨率的取值不进行具体限定。

[0109]基础分辨率也即一个评判标准,通过获取当前目标界面展示请求针对的目标设备

屏幕的长宽比，与基础分辨率进行比较。如果目标设备屏幕的长宽比大于等于基础分辨率,

则需要以目标设备屏幕的高，也即短的边进行适配，控制目标设备屏幕高度的布局与基础

分辨率的效果一致，而目标设备屏幕的宽度一侧进行自适应布局。如果目标设备屏幕的长

12

CN112099887B说明书9/16页

宽比小于基础分辨率，则需要以目标设备屏幕的宽,也即长的边进行适配，控制目标设备屏

幕宽度的布局与基础分辨率的效果一致，而目标设备屏幕的高度一侧进行自适应布局。

[0110]在实际应用的过程中，上述比对以及准备开始进行自适应布局的过程如下：当检

测到针对目标设备屏幕的目标界面展示请求时,读取目标设备屏幕的实际屏幕宽度和实际

屏幕高度，计算实际屏幕宽度和实际屏幕高度的比值作为屏幕宽高比值。随后，将屏幕宽高

比值与基础分辨率进行比对。若屏幕宽高比值大于等于基础分辨率，则也即短的边进行适

配，控制设备屏幕高度的布局与基础分辨率的效果一致，而设备屏幕的宽度一侧进行自适

应布局，因此，将标准屏幕高度设置为绘制高度，计算屏幕宽高比值与绘制高度的乘积作为

绘制宽度。若屏幕宽高比值小于基础分辨率，则也即长的边进行适配,控制设备屏幕宽度的

布局与基础分辨率的效果一致,而设备屏幕的高度一侧进行自适应布局，因此，将标准屏幕

宽度设置为绘制宽度，计算屏幕宽高比值的倒数与绘制宽度的乘积作为绘制高度。

[01111例如，设基础分辨率中的标准屏幕高度为m,标准屏幕宽度为n,屏幕宽高比值为W/

H,绘制宽度为w,绘制高度为h,如果W/H大于等于m/n,则卜=门,w=(W/H)Xh；如果W/H小于m/

n,则w=m,h=(H/W)Xwo

[0112]202、将目标界面的界面背景层的尺寸调整为绘制宽度和绘制高度。

[0113]在本申请实施例中，考虑到目标界面中有些内容是可以直接拉伸或者平铺的，拉

伸或者平铺处理不会影响目标界面的美观以及用户的视觉效果的，因此，将这些内容提取

出来单独形成一个图层，按照已经确定的绘制宽度以及绘制高度对该图层进行处理即可。

其中，通常界面中的界面背景是很简单的，包括的元素以及装饰不并多，可能只是一些简单

的线条，因此，设置一个填充有目标界面的界面背景的图层作为界面背景层，将目标界面的

界面背景层的尺寸调整为绘制宽度和绘制高度。

[0114]具体地，在进行界面背景层的尺寸调整时，首先，确定预设调整方式，预设调整方

式至少为拉伸调整或平铺填充调整中的任一种。随后，基于预设调整方式，对界面背景层的

尺寸进行调整，控制界面背景层的尺寸与绘制宽度和绘制高度一致即可，使界面背景层可

以填充整个目标设备屏幕的窗口。

[0115]203、基于绘制宽度和绘制高度对界面装饰层在目标界面的位置参数进行计算，得

到定位信息，将界面装饰层按照定位信息停靠在目标界面。

[0116]在本申请实施例中，界面装饰层是包括目标界面的装饰图的图层，其中包括的资

源为不可拉伸资源，需要对界面装饰层进行定位，定位方式根据界面装饰层包括的装饰图

与目标界面的位置关系，分为居中、四周停靠、屏幕百分比定位三种方式。其中，居中为界面

装饰层包括的装饰图位置始终在目标界面的中间；四周停靠为界面装饰层包括的装饰图始

终停靠在目标设备屏幕的某个边或某个顶点上;屏幕百分比定位为将界面装饰层包括的装

饰图的位置信息定义为基于目标设备屏幕的百分比位置，即宽/高的百分比，从而进行界面

装饰层的自适应。需要说明的是，三种定位方式可以互相交叉使用，例如:横向居中，纵向百

分比定位。

[0117]因此，参见上面的描述，需要基于绘制宽度和绘制高度对界面装饰层在目标界面

的位置参数进行计算，得到定位信息,进而将界面装饰层按照定位信息停靠在目标界面。其

中，在计算定位信息时，首先，需要获取界面装饰层在目标界面的位置参数。随后，对位置参

数进行读取，若位置参数指示了界面装饰层距离目标设备屏幕的边缘的第一绝对位置，也

13

CN112099887B说明书10/16页

即位置参数规定了界面装饰层需要停靠在目标设备屏幕的哪个边缘的具体哪个位置，所

以，需要根据界面装饰层在目标界面的所处位置、绘制宽度、绘制高度和第一绝对位置进行

计算，确定第一横向绝对位置信息和第一纵向绝对位置信息，将第一横向绝对位置信息和

第一纵向绝对位置信息作为定位信息。具体确定第一横向绝对位置信息和第一纵向绝对位

置信息的情况包括以下几种:假设第一横向绝对位置信息用x表示，第一纵向绝对位置信息

用y表示，第一绝对位置用A表示,绘制宽度用w表示,绘制高度用h表示，当界面装饰层在目

标界面的所处位置指示停靠在目标设备屏幕的左边缘时，将第一绝对位置设置为第一横向

绝对位置信息，也即x=A。或，当界面装饰层在目标界面的所处位置指示停靠在目标设备屏

幕的右边缘时，计算绘制宽度与第一绝对位置的差值作为第一横向绝对位置信息，也即x=

w-A。或，当界面装饰层在目标界面的所处位置指示停靠在目标设备屏幕的顶部边缘时，将

第一绝对位置设置为第一纵向绝对位置信息，也即y=A。或，当界面装饰层在目标界面的所

处位置指示停靠在目标设备屏幕的底部边缘时,计算绘制高度与第一绝对位置的差值作为

第一纵向绝对位置信息，也即y=h-A。需要说明的是，上述计算得到的x以及y可以根据界面

装饰层在目标界面的所处位置自由组合，从而实现界面装饰层的右边缘置顶、左边缘置底

等等。

[0118]而另一方面，若位置参数指示了界面装饰层与目标设备屏幕的边缘的第一相对位

置，则计算绘制宽度与第一相对位置的第一乘积、绘制宽度与第一相对位置的第二乘积，将

第一乘积作为第一横向相对位置信息，将第二乘积作为第一纵向相对位置信息，将第一横

向相对位置信息和第一纵向相对位置信息作为定位信息。设第一横向相对位置信息用e表

示，第一纵向相对位置信息用f表示，绘制宽度用w表示，绘制高度用h表示，并设第一相对位

置为B%,这样,e便等于wXB%,f等于hXB%。

[0119]204、根据绘制宽度和绘制高度，在目标界面布局界面交互层。

[0120]在本申请实施例中，界面交互层是设置有目标界面的可操作区域的图层，包括可

点击操作区域，通常为矩形。其中，用户经常使用的高频操作区域分布在目标设备屏幕的两

侧，在以百分比定位的规则中，随着目标设备屏幕的宽度增加,高频操作区域的面积也会根

据当前标设备屏幕的尺寸的百分比向内收缩，使其一直分布在最佳交互位置。例如，参见图

2B,屏幕宽度为16厘米、30厘米、4厘米的设备屏幕的高频操作区域为图2B中三个矩形中的

阴影部分所示，很明显可以看出，随着目标设备屏幕的宽度增加，高频操作区域的面积会向

内收缩。

[0121]因此，为了对最佳交互位置予以限制，在本申请实施例中，设置了第一定位系数和

第二定位系数。其中，第一定位系数用于保留两侧安全距离及定位最佳交互位置，通过大量

的实验后，将第一定位系数的取值设置为0.2。第二定位系数用于保留目标设备屏幕的上下

两边的安全距离，防止误触目标设备屏幕上的按键，也能够防止一些配备有曲面屏的终端

设备发生信息展示不全或交互区误触的情况，通过大量的实验将第二定位系数的取值设置

为10。这样，在目标界面布局界面交互层时，需要分别计算界面交互层的四条边的位置信

息，进而在当前的设备中对界面交互层进行定位布局。

[0122]在本申请实施例中，将界面交互层的四条边的位置信息设为左边缘定位信息、、顶

部边缘定位信息、右边缘定位信息以及底部边缘定位信息。其中，左边缘定位信息用L表示,

顶部边缘定位信息用T表示，右边缘定位信息用R表示,底部边缘定位信息用B表示,绘制宽

14

CN112099887B说明书11/16页

度用w表示，绘制高度用h表示，基础分辨率中的标准屏幕高度用m表示，标准屏幕宽度用n表

示，第一定位系数用a表示，第二定位系数用B表示，将预设系数取值为0.2,具体计算四条边

的位置信息的过程如下：计算绘制宽度与第一定位系数的第三乘积、标准屏幕宽度与预设

系数的第四乘积，将第三乘积和第四乘积的差值作为左边缘定位信息，也即L=wXa-(mX

0.2)。将第二定位系数设置为顶部边缘定位信息，也即T=B。计算绘制宽度与系数差值的第

五乘积，将第五乘积和第四乘积的和值作为右边缘定位信息，系数差值为默认取值与预设

系数的差值,默认取值在本申请中设置为1,这样,R=wX(l-a)+(mX0.2)。计算绘制高度与

第二定位系数的差值作为底部边缘定位信息，也即B=h-B。之后，便可以按照左边缘定位信

息、顶部边缘定位信息、右边缘定位信息和底部边缘定位信息，布局界面交互层。

[0123]205、基于文字布局，确定第二绝对位置和第二相对位置，按照第二绝对位置和第

二相对位置,将界面交互层划分为列表区、信息展示区以及页签展示区。

[0124]在本申请实施例中，界面交互层上通常会展示一些信息，来引导用户对某个区域

进行触发，且展示信息也会采取不同的方式，比如列表展示、罗列展示以及页签文字展示等

等，因此，实际上将界面交互层进行区域模块化后，可将界面交互层划分为列表区、信息展

示区以及页签展示区，后续需要按照不同的填充方式分别向列表区、信息展示区以及页签

展示区填充相关的界面信息。

[0125]其中，在目标界面的文字布局中，指示有第二绝对位置和第二相对位置，与上述步

骤203中的第一绝对位置和第一相对位置同理，第二绝对位置和第二相对位置也指示了各

个区的某个边缘停靠在目标设备屏幕的哪个边缘的具体哪个位置或者停靠在百分之多少

的位置。在对列表区进行划分时，列表区通常设置在整个目标界面的最左侧，因此，根据第

二绝对位置的指示，在目标设备屏幕确定列表区顶边缘、列表区左边缘以及列表区下边缘,

基于绘制宽度与第二相对位置的乘积输出列表区右边缘，并按照列表区顶边缘、列表区左

边缘、列表区下边缘和列表区右边缘，确定列表区。也就是说，在对列表区进行适配时，列表

区的四边是基于界面交互层做二次定位得出的，列表区的左、上、下边缘均为界面交互层的

边缘停靠,右侧为