CN109491729A - 一种界面自动调整装置及方法 - Google Patents

Abstract

一种界面自动调整装置，包括，关系识别模块、放缩模块、异常检测模块，以及异常处理模块，其中，所述关系识别模块，其对窗口进行扫描，建立该窗口内控件的关联关系；所述放缩模块，其对窗口内每个控件进行调整，生成新的资源；所述异常检测模块，对调整后的控件进行显示异常情况检测，生成检测结果；所述异常处理模块，其根据所述检测结果及控件的关联关系，调整窗口内各控件位置、大小。本发明还提供一种界面自动调整方法，对界面进行智能识别、调整，极大提高了界面调整便利性，大幅减少了人员投入，缩短了界面修改、调整的周期。

Description

一种界面自动调整装置及方法

技术领域

本发明涉及终端技术领域，特别是涉及一种终端的界面自动调整装置及方法。

背景技术

目前很多带屏幕的终端支持多种分辨率，以手机终端产品为例，其支持176＊220(竖屏)、220＊176(横屏)、320＊240(横屏)、240＊320(竖屏)等多种分辨率。

而在现有技术中，界面的开发方式，需要对组成界面的元素、配置、代码、资源等进行调整或修改。比如要开发一个240＊320的终端窗口界面，则选一个已开发完的分辨率为176＊220的型号，对构成界面的每个窗口每个元素逐一调整，需要修改配置、代码、图片资源，改完后编出版本在模拟器上运行或烧到智能终端中运行才能看到显示效果，再进行调整。非常繁琐，费时费力，开发周期较长。

发明内容

为了解决现有技术存在的不足，本发明的目的在于提供一种界面自动调整装置及方法，在进行界面调整时，自动识别、调整，将一种界面调整为另一分辨率的界面，使界面的调整变得简单、快捷。

为实现上述目的，本发明提供的界面自动调整装置，包括，关系识别模块、放缩模块、异常检测模块，以及异常处理模块，其特征在于，

所述关系识别模块，其对窗口进行扫描，建立该窗口内控件的关联关系；

所述放缩模块，其对窗口内每个控件进行调整，生成新的资源；

所述异常检测模块，对调整后的控件进行显示异常情况检测，生成检测结果；

所述异常处理模块，其根据所述检测结果及控件的关联关系，调整窗口内各控件位置、大小。

进一步地，还包括记录处理模块，其记录所述异常处理模块无法调整的控件及关联关系，供人工调整。

进一步地，所述控件的关联关系，包括：左对齐、上对齐、等宽、等高、等间距。

进一步地，所述放缩模块，以窗口左上角点为基准，以窗口宽度、窗口高度缩放比对窗口内的控件进行放缩、移动。

进一步地，所述放缩模块，对控件分层进行放缩、移动，每次只对一层的控件进行放缩、移动。

更进一步地，所述异常检测模块，其对是否发生控件重叠、内容超出控件范围和控件间隔是否出现异常的显示异常情况进行检测。

为实现上述目的，本发明提供的界面自动调整方法，包括以下步骤：

对窗口进行扫描，建立该窗口内控件的关联关系；

对窗口内每个控件进行调整，生成新的资源；

检测调整后的控件显示异常情况生成检测结果；

根据所述检测结果及控件关联关系，调整窗口内各控件位置、大小。

进一步地，所述对窗口进行扫描，建立该窗口内控件的关联关系的步骤，进一步包括：

分析每个控件的位置和大小，建立控件左对齐、上对齐、等宽、等高、等间距的关联关系；

按横向和纵向扫描，找出处于横截线/纵截线上相同间隔的控件；

分析控件和窗口位置，建立DOCK关系。

进一步地，所述对窗口内每个控件进行调整，生成新的资源的步骤，是以窗口左上角点为基准，以窗口宽度、窗口高度缩放比进行控件的放缩。

进一步地，所述对窗口内每个控件进行调整，是对控件分层进行放缩、移动，每次只负责一层控件的放缩、移动。

进一步地，所述检测调整后的控件显示异常情况，包括以下步骤：

检测每个控件空间是否存在重叠情况；

检测各控件是否超出窗口范围；

检测间隔相同表中的控件，在放缩后间隔是否异常。

进一步地，所述根据所述检测结果及控件关联关系，调整窗口内各控件位置、大小的步骤，包括：

内容超出控件边框的显示异常情况的处理；

控件超出窗口范围的显示异常情况的处理；

位置重叠的显示异常情况的处理；

间隔异常的显示异常情况的处理。

进一步地，所述内容超出控件边框的显示异常情况的处理的步骤，包括：

获取控件内容需要的控件位置、大小，更新所述控件的位置和大小；

调整和所述控件等宽、等高的控件；

调整和所述控件左对齐、上对齐的控件的位置。

进一步地，所述控件超出窗口范围的显示异常情况的处理的步骤，是将所述控件移入窗口内，与窗口间留最小边距。

进一步地，所述位置重叠的显示异常情况的处理的步骤，包括：

从左到右或从上到下依次移动重叠的控件，同时按对齐关系移动关联控件；

在重叠方向上调整重叠控件的大小。

进一步地，所述间隔异常的显示异常情况的处理的步骤，包括：

保存当前界面数值；

移动间隔异常的控件，同时移动对齐的相关控件；

进行显示异常情况的识别并处理。

进一步地，包括对横屏或竖屏调整处理的步骤，包括：采用横屏和竖屏各一套原始界面，根据目标分辨率选择宽、高比例值接近的一套原始界面进行放缩。

更进一步地，包括对图片资源调整处理的步骤，包括：缩小时，选宽、高变化小的比例进行缩放，再裁剪；放大时，选宽、高变化大的比例进行缩放，再裁剪。

本发明提供的界面自动调整装置及方法，可自动生成另一个分辨率界面，包括布局和资源。与现有方法相比，不是进行简单的放缩，而是通过智能识别、智能调整，使调整前、后的界面具有相同的效果，极大提高了便利性，大幅减少了人员投入，缩短了修改周期。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，并与本发明的实施例一起，用于解释本发明，并不构成对本发明的限制。在附图中：

图1为根据本发明的界面自动调整装置原理框图；

图2为根据本发明的关联关系识别示意图；

图3为根据本发明的窗口放缩示意图；

图4为根据本发明的异常检测示意图；

图5为根据本发明的异常处理示意图；

图6为根据本发明的横屏处理示意图；

图7为根据本发明的竖屏处理示意图；

图8为根据本发明的图片资源调整示意图；

图9为根据本发明的界面自动调整方法流程图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1为根据本发明的界面自动调整装置原理框图，如图1所示，本发明的界面自动调整装置，包括，关系识别模块101、放缩模块102、异常检测模块103、异常处理模块104，以及记录处理模块105，其中，

关系识别模块101，其对原窗口进行扫描，建立该窗口内控件的关联关系，并发送给放缩模块102。窗口内控件的关联关系，包括：左对齐、上对齐、等宽、等高、等间距。图2为根据本发明的关联关系识别示意图，如图2所示，关系识别模块101分析每个控件的位置和大小，建立控件对齐、等宽/等高/等间距的关联关系，并按横向和纵向扫描，找出处于横截线/纵截线上相同间隔的控件；分析控件和窗口位置，建立DOCK关系。

放缩模块102，其对窗口内每个控件进行大小放缩、位置的调整，并自动调整生成新的资源。图3为根据本发明的窗口放缩示意图，如图3所示，放缩模块102，以窗口左上角点为基准，以窗口宽度、窗口高度缩放比对窗口内的控件进行放缩。优选地，放缩模块102对控件分层进行放缩，每次只对一层的控件进行放缩、移动。

异常检测模块103，对调整后的控件进行显示异常情况检测，并将检测结果发送给异常处理模块104处理。优选地，异常检测模块103对调整后的控件进行显示异常情况检测，包括如下内容：看是否发生控件重叠、内容超出控件范围和相等间距的控件出现间距不等(间隔异常)。图4为根据本发明的异常检测示意图，如图4所示，异常检测模块103按类型依次检测窗口放缩后的显示异常情况，在前一类型异常全部处理完后，再处理下一类型异常。

每个控件提供获取内容所占空间计算接口，比较每个控件的边框和内容空间，如果内容空间超出边框，则视为显示异常情况。

控件由一系列文本、图片及其它控件组成；每个都可计算得到内容所占空间位置和尺寸，再加上控件设置的边距、间隔，可计算得到一个能把它们包括在内的方框的位置、尺寸，即内容空间。

异常处理模块104，其根据异常检测模块103发送的检测结果及控件关联关系，调整窗口内各控件位置、大小。图5为根据本发明的异常处理示意图，如图5所示，异常处理模块104根据检测结果做相应处理，每次处理后再进行识别，循环执行，直到全部异常解决，或调整次数达到阀值，则将处理结果发送给记录处理模块105记录，供人工调整。

图6为根据本发明的横屏处理示意图，图7为根据本发明的竖屏处理示意图，如图6和7所示，横屏和竖屏差异很大，自动调整会造成非常多的冲突，且较多无法自动处理，不能简单的采用放缩来解决；采用的策略是采用横屏、竖屏各一套原始界面，做放缩转换前，根据目标分辨率自动选择宽/高值接近的一套界面进行放缩。

图8为根据本发明的图片资源调整示意图，如图8所示，图片资源调整前、后的大小是已知的对于图片资源，按横向、纵向分别做放缩，会造成显示变形，为此采用如下先放缩再截取方式：

图片资源缩放前、后的大小是已知的，在图片缩小时，分别计算出目标图片与原始图片的宽度比和高度比，选取宽度比、高度比中变化小的一个比例对原始图片进行缩小，以左上角点为基准进行裁剪得到新的图片；在图片放大时，分别计算出目标图片与原始图片的宽度比和高度比，选取宽度比、高度比中变化大的一个比例对原始图片进行放大，以左上角点为基准进行裁剪得到新的图片。

记录处理模块105，其接收异常处理模块104发送的处理结果，记录无法自动调整的控件及关联关系，供人工调整。

图9为根据本发明的界面自动调整方法流程图，下面将参考图9，对本发明的界面自动调整方法进行详细描述。

首先，在步骤901，关系识别模块101对旧窗口进行扫描，建立该窗口内控件的关联关系。在该步骤中，首先分析每个控件的位置和大小，建立控件左对齐、上对齐、等宽、等高、等间距的关联关系；其次，按横向和纵向扫描，找出处于横截线/纵截线上相同间隔的控件；最后，分析控件和窗口位置，建立DOCK关系。

在步骤902，对窗口内每个控件进行调整，对每个控件的大小、位置进行调整，并自动调整生成新的资源。

在该步骤中，放缩模块102以窗口左上角点为基准，以窗口宽度、窗口高度缩放比进行放缩：

ScaleW＝Wwinnew/Wwinold；

ScaleH＝Hwinnew/Hwinold；

各控件放缩后：

Xnew＝Xold*ScaleW；

Ynew＝Yold*ScaleH；

Wnew＝Wold*ScaleW；

Hnew＝Hold*ScaleH；

其中，Wwinnew、Hwinnew代表新窗口的宽高；Wwinold、Hwinold代表旧窗口的宽高；

ScaleW、ScaleH代表宽度、高度方向新旧窗口缩放比；

Xnew、Ynew、Wnew、Hnew代表新窗口位置和宽高；

Xold、Yold、Wold、Hold代表旧窗口位置和宽高。

优选地，放缩模块102对控件分层进行放缩、移动，每次只负责一层控件的放缩、移动。

在步骤903，异常检测模块103对窗口放缩后的显示异常情况依次进行检测，当检测出一种类型出现显示异常，则将检测结果发送给异常处理模块104进行处理，待显示异常全部处理完后，再检测下一类型。本发明中，每个控件提供获取内容所占空间计算接口，比较每个控件的边框和内容空间，如果内容空间超出边框，则视为显示异常。控件由一系列文本、图片及其它控件组成，每个控件都可计算得到内容所占空间位置和尺寸，再加上控件设置的边距、间隔，可计算得到一个能把它们包括在内的方框的位置、尺寸，即内容空间。

在该步骤中，异常检测模块103对窗口放缩后的显示异常情况包括：

检测各控件空间是否存在重叠情况，有则发送给异常处理模块104进行处理；

检测各控件是否超出窗口范围，有则发送给异常处理模块104进行处理；

检测间隔相同表中的控件，在放缩后间隔是否相同，不同视为异常，该处一次性检测完成，有则发送给异常处理模块104进行处理。

在步骤904，根据检测结果及控件关联关系，调整窗口内各控件位置、大小对显示异常情况进行处理，包括，

1、内容超出控件边框的显示异常情况的处理：

1)获取控件内容需要的控件位置、大小，更新该控件的位置和大小；

2)调整和本控件等宽、等高的控件；

3)调整和本控件左对齐、上对齐的控件的位置。

2、控件超出窗口范围的显示异常情况的处理：把该控件移入窗口内，与窗口间留最小边距。

3、位置重叠的显示异常情况的处理：

1)调整位置解决重叠异常

把新增的长度DL按比例分配到各个间隔上，每个间隔值为：

Snew＝(1-DL/Stotal)*Sold；

其中，Stotal为所有间隔的总和，Snew为新的一个间隔值，Sold为旧的一个间隔值。

从左到右或从上到下依次计算得到各控件的新位置，移动这些控件；

按对齐关系移动关联控件；

一个控件可能和多个控件发生重叠，每次只处理一个重叠。

2)调整大小解决重叠异常

如果经过多次调整仍旧出现位置重叠错误，则调整重叠控件重叠方向上的大小来尝试解决。

计算重叠区长度，加上最小间距，作为要调整的长度；

按如下优先级调整大小：

●内容与边框边距如果大于最小边距，调整边距值；

●如果为横向冲突，则看文本是否可换行，牺牲纵向来解决横向冲突；

●控件类型为图片，则可调整图片大小，图片调整按等比例调整；

如果是嵌套控件，则逐层计算；

大小调整后需对等高/等宽类控件统一调整；

4、间隔异常的显示异常情况的处理：

因为界面中的控件发生了变化，无法和原窗口完全一致，间隔异常只是在显示上有不足，非必须项，因此采用如下尝试方法：

●保存当前界面数值；

●取原来间隔相同的区段实际长度累加，再取平均得到新的间隔值，按照新值移动这些控件；同时移动对齐的相关控件；

●做异常识别，如果出现了位置重叠，则退回到调整前的值；如果未出现重叠，则该次调整有效；

对于横、竖屏的处理由于横屏和竖屏差异很大，自动调整会造成非常多的冲突，且较多无法自动处理，不能简单的采用放缩来解决，策略是采用横屏、竖屏各一套原始界面，做放缩转换前，根据目标分辨率自动选择宽/高值接近的一套界面进行放缩。

对于图片资源，按横向、纵向分别做放缩，会造成显示变形，为此采用如下先放缩再截取方式：缩小，选宽、高变化小的一个比例缩小，以左上角点为基准进行裁剪得到新图；放大，选宽、高变化大的一个比例放大，以左上角点为基准进行裁剪得到新图。

在步骤905，根据处理结果，记录无法自动调整的控件及关联关系，供人工调整。

本领域普通技术人员可以理解：以上所述仅为本发明的优选实施例而已，并不用于限制本发明，尽管参照前述实施例对本发明进行了详细的说明，对于本领域的技术人员来说，其依然可以对前述各实施例记载的技术方案进行修改，或者对其中部分技术特征进行等同替换。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (18)

1.一种界面自动调整装置，包括，关系识别模块、放缩模块、异常检测模块，以及异常处理模块，其特征在于，

所述关系识别模块，其对窗口进行扫描，建立该窗口内控件的关联关系；

所述放缩模块，其对窗口内每个控件进行调整，生成新的显示资源；

所述异常检测模块，对调整后的控件进行显示异常情况检测，生成检测结果；

所述异常处理模块，其根据所述检测结果及控件的关联关系，调整窗口内各控件位置、大小。

2.根据权利要求1所述的界面自动调整装置，其特征在于，还包括记录处理模块，其记录所述异常处理模块无法调整的控件及关联关系，供人工调整。

3.根据权利要求1所述的界面自动调整装置，其特征在于，所述控件的关联关系，包括：左对齐、上对齐、等宽、等高、等间距。

4.根据权利要求1所述的界面自动调整装置，其特征在于，所述放缩模块，以窗口左上角点为基准，以窗口宽度、窗口高度缩放比对窗口内的控件进行放缩、移动。

5.根据权利要求1或4所述的界面自动调整装置，其特征在于，所述放缩模块，对控件分层进行放缩、移动，每次只对一层的控件进行放缩、移动。

6.根据权利要求1所述的界面自动调整装置，其特征在于，所述异常检测模块，其对是否发生控件重叠、内容超出控件范围和控件间隔是否出现异常的显示异常情况进行检测。

7.一种界面自动调整方法，包括以下步骤：

对窗口进行扫描，建立该窗口内控件的关联关系；

对窗口内每个控件进行调整，生成新的显示资源；

检测调整后的控件显示异常情况生成检测结果；

根据所述检测结果及控件关联关系，调整窗口内各控件位置、大小。

8.根据权利要求7所述的界面自动调整方法，其特征在于，所述对窗口进行扫描，建立该窗口内控件的关联关系的步骤，进一步包括：

分析每个控件的位置和大小，建立控件左对齐、上对齐、等宽、等高、等间距的关联关系；

按横向和纵向扫描，找出处于横截线/纵截线上相同间隔的控件；

分析控件和窗口位置，建立DOCK关系。

9.根据权利要求7所述的界面自动调整方法，其特征在于，所述对窗口内每个控件进行调整，生成新的资源的步骤，是以窗口左上角点为基准，以窗口宽度、窗口高度缩放比进行控件的放缩。

10.根据权利要求7所述的界面自动调整方法，其特征在于，所述对窗口内每个控件进行调整，是对控件分层进行放缩、移动，每次只对一层控件的放缩、移动。

11.根据权利要求7所述的界面自动调整方法，其特征在于，所述检测调整后的控件显示异常情况，进一步包括：

检测每个控件空间是否存在重叠情况；

检测各控件是否超出窗口范围；

检测间隔相同表中的控件，在放缩后间隔是否异常。

12.根据权利要求7所述的界面自动调整方法，其特征在于，所述根据所述检测结果及控件关联关系，调整窗口内各控件位置、大小的步骤，进一步包括：

内容超出控件边框的显示异常情况的处理；

控件超出窗口范围的显示异常情况的处理；

位置重叠的显示异常情况的处理；

间隔异常的显示异常情况的处理。

13.根据权利要求12所述的界面自动调整方法，其特征在于，所述内容超出控件边框的显示异常情况的处理的步骤，进一步包括：

获取控件内容需要的控件位置、大小，更新所述控件的位置和大小；

调整和所述控件等宽、等高的控件；

调整和所述控件左对齐、上对齐的控件的位置。

14.根据权利要求12所述的界面自动调整方法，其特征在于，所述控件超出窗口范围的显示异常情况的处理的步骤，是将所述控件移入窗口内，与窗口间留最小边距。

15.根据权利要求12所述的界面自动调整方法，其特征在于，所述位置重叠的显示异常情况的处理的步骤，进一步包括：

从左到右或从上到下依次移动重叠的控件，同时按对齐关系移动关联控件；

在重叠方向上调整重叠控件的大小。

16.根据权利要求12所述的界面自动调整方法，其特征在于，所述间隔异常的显示异常情况的处理的步骤，进一步包括：

保存当前界面数值；

移动间隔异常的控件，同时移动对齐的相关控件；

进行显示异常情况的识别并处理。

17.根据权利要求7所述的界面自动调整方法，其特征在于，进一步包括对横屏或竖屏调整处理的步骤，包括，采用横屏和竖屏各一套原始界面，根据目标分辨率选择宽、高值接近的一套原始界面进行放缩。

18.根据权利要求7所述的界面自动调整方法，其特征在于，进一步包括对图片资源调整处理的步骤，包括，缩小时，选取目标图片与原始图片的宽度比和高度比中变化小的一个比例进行缩小，再裁剪；放大时，选取目标图片与原始图片的宽度比和高度比中变化大的一个比例进行放大，再裁剪。