CN101877736A - 移动终端用户界面自动调整系统及方法 - Google Patents

Abstract

本发明提供一种移动终端用户界面自动调整方法，该方法包括如下步骤：检测移动终端的旋转角度；根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该用户界面的显示区域；计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标值以及尺寸值；根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述用户界面的显示区域中显示。本发明还提供一种移动终端用户界面自动调整系统。本发明在移动终端发生旋转时，对移动终端用户界面以及该用户界面中的界面元素的显示方式进行调整，使得移动终端的用户界面在视觉上并不发生旋转，更直观的呈现给了用户。

Description

移动终端用户界面自动调整系统及方法

技术领域

本发明涉及一种移动终端用户界面自动调整系统及方法。

背景技术

随着电子技术的不断发展，移动终端用户界面的设计也不断的趋于多样化以满足不同用户的个性需求，传统用户界面的设计方法只是针对某一特定的显示方位以及特定的显示屏大小而设计的，这样导致当前大多数的移动终端只能在单一的方向显示用户界面。如图1所示，是现有技术中移动终端旋转前后用户界面的示意图，从图中可以看出，传统用户界面的设计只是针对移动终端在垂直方向的显示而设计的，当屏幕旋转以后，用户界面非常的不直观。

发明内容

鉴于以上内容，有必要提供一种移动终端用户界面自动调整系统，其可在移动终端发生旋转时自动调整用户界面的显示方式。

还有必要提供一种移动终端用户界面自动调整方法，其可在移动终端发生旋转时自动调整用户界面的显示方式。

所述移动终端用户界面自动调整系统，该系统包括：旋转检测单元：用于检测移动终端发生旋转时所旋转的角度；坐标调整单元：根据上述旋转检测单元所检测到的旋转角度，重新建立移动终端用户界面的坐标系以及确定移动终端用户界面的显示区域，并计算该用户界面中界面元素基于上述坐标系及显示区域的坐标值和尺寸值；显示控制单元：用于根据上述重新建立的移动终端用户界面的坐标系以及该用户界面中界面元素基于上述坐标系及显示区域计算得到的坐标值和尺寸值控制界面元素在上述所确定的显示区域中进行显示。

所述移动终端用户界面自动调整方法，该方法包括如下步骤：检测移动终端的旋转角度；根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该用户界面的显示区域；计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标值以及尺寸值；根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述用户界面的显示区域中显示。

相较于现有技术，本发明在移动终端发生旋转时，对移动终端用户界面以及该用户界面中界面元素的显示方式进行调整，使得移动终端的用户界面在视觉上并不发生旋转，更直观的呈现给了用户。

附图说明

图1为现有技术中移动终端旋转前后用户界面的示意图。

图2为本发明移动终端用户界面自动调整系统的功能模块图。

图3为本发明较佳实施例中移动终端逆时针旋转θ(其中θ不等于0度或90度的整数倍等特殊值)角度时用户界面进行调整的示意图。

图4为本发明较佳实施例中移动终端逆时针旋转90度时用户界面旋转前后的示意图。

图5为本发明移动终端用户界面自动调整方法较佳实施例的整体流程图。

具体实施方式

如图2所示，是本发明移动终端用户界面自动调整系统的功能模块图。该系统应用于移动终端1中，其可实现在移动终端发生旋转时，自动调整移动终端用户界面的显示方式。所述移动终端1包括旋转检测单元01、坐标调整单元02和显示控制单元03。所述旋转检测单元01用于检测移动终端发生旋转时所旋转的角度，如图3中所示的移动终端逆时针旋转的角度θ；所述坐标调整单元02用于根据所述旋转检测单元01所检测到的旋转角度，重新建立移动终端用户界面的坐标系以及确定该用户界面的显示区域和各界面元素在上述重新建立的坐标系中的坐标值和尺寸值。如图3所示，移动终端1原始的用户界面处于坐标系XOY中，当移动终端逆时针旋转θ角度时，坐标调整单元02将根据移动终端旋转的角度θ重新建立坐标系X’O’Y’为所述移动终端用户界面的坐标系，并确定该用户界面的显示区域为矩形O’A’B’C’，同时所述坐标调整单元02将所述用户界面中的界面元素图标a在坐标系XOY中的坐标值(x，y)调整为在坐标系X’O’Y’中的坐标值(x’，y’)，并将图标a的尺寸值(m，n)调整为(m’，n’)；所述显示控制单元03用于根据所述坐标调整单元02所重新建立的用户界面的坐标系以及该用户界面中界面元素的坐标值和尺寸值控制所述界面元素在上述所确定的用户界面的显示区域中显示。所述界面元素是指当前显示在移动终端用户界面上的包括图标、文字、菜单等图形用户界面(GUI：Graphical User Interface)资源，该GUI资源是预先确定并保存的，其中，每个界面元素通过其在上述用户界面坐标系中的坐标值和尺寸值来描述。在本发明实施例中，界面元素的描述信息包括：界面元素在当前用户界面坐标系中的横坐标x和纵坐标y以及该界面元素外接矩形的长度m和宽度n。通过对这些描述信息的修改，可对界面元素的显示位置以及尺寸大小进行调整。在本发明实施例中，为了实现在移动终端旋转的过程中，各个界面元素在用户界面中的相对位置保持不变，并且对于用户来说，用户界面中各个元素从视觉上来看并不旋转，仅仅改变了用户界面的大小以及相应界面元素的尺寸大小，具体的实现方法在以下实施例中进行说明。

如图3所示，是本发明较佳实施例中移动终端逆时针旋转θ(其中θ不等于0度或90度的整数倍等特殊值)角度时用户界面进行调整的示意图。如图所示，假设移动终端旋转前用户界面的显示区域为矩形OABC，其所在的坐标系为XOY，该用户界面中有一个界面元素为图标a，其描述信息为(x，y，m，n)，旋转后该移动终端的用户界面的显示区域为矩形O’A’B’C’，其所在的坐标系为X’O’Y’，该坐标系是以矩形O’A’B’C’的左下角顶点O’作为坐标原点所建立的，其使得矩形O’A’B’C’处于该坐标系的第一象限内。原来用户界面中的界面元素变成了图标a’，其描述信息为(x’，y’，m’，n’)，所述矩形O’A’B’C’平行于水平方向，并且是包含于矩形OABC内的最大矩形，求得该矩形的方法如下：首先，假设矩形OABC的一边OA的长度为Z个像素，然后让O’点从O点开始沿着OA方向以一个像素为步长移动，每移动一次求得一个包含于矩形OABC的矩形O’A’B’C’，使得O’C’平行于水平方向并与OC相交于C’点，O’A’垂直于O’C’并与AB相交于A’点，然后计算出该矩形的面积并记录下来，重复以上步骤直到O’点移动到与A点重合，这样便可得到Z个包含于OABC并平行于水平方向的矩形，其中面积最大的、平行于水平方向并且包含于矩形OABC内的矩形O’A’B’C’就是当前用户界面的显示区域，其长度和宽度分别为|O’O/sinθ|和|(OA-O’O)/cosθ|。

在确定了旋转后用户界面的坐标系以及显示区域以后，还需要计算出旋转后界面元素图标a’在坐标系X’O’Y’中的描述信息，计算该描述信息的方法如下：假设矩形OABC的长度OC和宽度OA与矩形O’A’B’C’的长度O’C’和宽度O’A’有如下关系：

O’C’/OC＝k，O’A’/OA＝t；

那么图标a在坐标系XOY中的描述信息(x，y，m，n)与图标a’在坐标系(x’，y’，m’，n’)有如下关系：

x’＝k×x；y’＝t×y；m’＝k×m；n’＝t×n。

如图4所示，是本发明较佳实施例中移动终端逆时针旋转90度时用户界面旋转前后的示意图。如图所示，移动终端旋转前的用户界面的显示区域为矩形OABC，其中显示有8个界面元素，该用户界面所对应的坐标系为XOY，旋转后用户界面的显示区域对应为矩形O’A’B’C’，其所在的坐标系为X’A’Y’，该坐标系是以矩形O’A’B’C’的左下角顶点A’作为坐标原点所建立的，其使得矩形O’A’B’C’处于该坐标系的第一象限内，其中矩形OABC与矩形O’A’B’C’的面积相等，为方便说明，在本较佳实施例中仅对界面元素1在旋转前后的不同显示方式进行说明。首先，假设矩形OABC与矩形O’A’B’C’的长度比O’A’/OC＝k，宽度比A’B’/OA＝t，那么所述界面元素1旋转前在坐标系XOY中的描述信息(x，y，m，n)与旋转后该界面元素1的在坐标系X’A’Y’中的描述信息(x’，y’，m’，n’)满足如下关系：

x’＝k×x；y’＝t×y；m’＝k×m；n’＝t×n。

当移动终端旋转的角度为90度的整数倍等特殊角度时，用户界面新坐标系的建立以及界面元素描述信息的求解方法跟上述移动终端旋转90的求解方法相同，在此不再做阐述。

通过以上两种方法可以根据移动终端的旋转角度自动调整移动终端用户界面以及用户界面中界面元素的显示方式，从以上实施例的示意图中可以看出，通过该系统对移动终端的用户界面在旋转前后的显示方式进行调整后，用户界面以及该用户界面中的界面元素在视觉上并没有发生旋转，它们在视觉上的相对位置并没有发生改变，显示很直观，仅仅改变了界面显示区域的大小以及界面元素的显示尺寸，该系统还可用于不同大小显示屏的移动终端，其可根据移动终端显示屏的大小自动调整移动终端的用户界面以及界面元素的显示方式。

如图5所示，是本发明移动终端用户界面自动调整方法较佳实施例的整体流程图。步骤S01，旋转检测单元01检测移动终端的旋转角度。

步骤S02，坐标调整单元02根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该用户界面的显示区域。

步骤S03，坐标调整单元02确定用户界面中的界面元素在上述重新建立的用户界面坐标系中的坐标值以及尺寸值。

步骤S04，显示控制端元03根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述显示区域中显示。

以上实施例对本发明的技术方案进行了详细的描述，但是很显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护范围。

Claims (9)

1.一种移动终端用户界面自动调整系统，其特征在于，该系统包括：

旋转检测单元：用于检测移动终端发生旋转时所旋转的角度；

坐标调整单元：根据上述旋转检测单元所检测到的旋转角度，重新建立移动终端用户界面的坐标系以及确定移动终端用户界面的显示区域，并计算该用户界面中界面元素基于上述坐标系及显示区域的坐标值和尺寸值；

显示控制单元：用于根据上述重新建立的移动终端用户界面的坐标系以及该用户界面中界面元素基于上述坐标系及显示区域计算得到的坐标值和尺寸值控制界面元素在上述所确定的显示区域中进行显示。

2.如权利要求1所述的移动终端用户界面自动调整系统，其特征在于，所述用户界面中界面元素的尺寸值是指该界面元素外接矩形的长度和宽度。

3.如权利要求1所述的移动终端用户界面自动调整系统，其特征在于，所述坐标调整单元通过以下步骤实现：

根据上述旋转检测单元所检测到的移动终端的旋转角度求出一个包含于该移动终端显示屏并且平行于水平方向的最大矩形作为移动终端旋转后用户界面的显示区域；

以上述所求得的最大矩形的左下角顶点为坐标原点建立坐标系作为该移动终端旋转后用户界面的坐标系，使得上述最大矩形位于该坐标系的第一象限内；

计算出移动终端旋转后用户界面显示区域水平方向的长度和竖直方向的长度分别与旋转前移动终端用户界面显示区域水平方向的长度和竖直方向的长度的比值k和t；

计算出移动终端旋转前用户界面中界面元素的横坐标与k的乘积以及纵坐标与t的乘积分别作为旋转后移动终端用户界面中界面元素的横坐标和纵坐标；

计算出移动终端旋转前用户界面中界面元素外接矩形的长度与k的乘积以及宽度与t的乘积分别作为旋转后移动终端用户界面中界面元素外接矩形的长度和宽度。

4.如权利要求1所述的移动终端用户界面自动调整系统，其特征在于，所述界面元素是指当前显示在移动终端用户界面上的包括图标、文字、菜单中的任一种图形用户界面。

5.一种移动终端用户界面自动调整方法，其特征在于，该方法包括如下步骤：

检测移动终端的旋转角度；

根据上述所检测到的移动终端的旋转角度重新建立该移动终端旋转后用户界面的坐标系以及确定该用户界面的显示区域；

计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标值以及尺寸值；

根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述用户界面的显示区域中显示。

6.如权利5所述的移动终端用户界面自动调整方法，其特征在于，所述用户界面中的界面元素的尺寸值是指该界面元素外接矩形的长度和宽度。

7.如权利要求5所述的移动终端用户界面自动调整方法，其特征在于，所述步骤根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该用户界面的显示区域包括：

根据检测到的移动终端的旋转角度求出一个包含于该移动终端显示屏并且平行于水平方向的最大矩形作为移动终端旋转后用户界面的显示区域；

以上述所求得的最大矩形的左下角顶点为坐标原点建立坐标系作为该移动终端旋转后用户界面的坐标系，使得上述最大矩形位于该坐标系的第一象限内。

8.如权利要求4所述的移动终端用户界面自动调整方法，其特征在于，所述步骤计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标值以及尺寸值包括：

计算出移动终端旋转后用户界面显示区域水平方向的长度和竖直方向的长度分别与旋转前移动终端用户界面显示区域水平方向的长度和竖直方向的长度的比值k和t；

计算出移动终端旋转前用户界面中界面元素的横坐标与k的乘积以及纵坐标与t的乘积分别作为旋转后移动终端用户界面中界面元素的横坐标和纵坐标；

计算出移动终端旋转前用户界面中界面元素外接矩形长度与k的乘积以及宽度与t的乘积分别作为旋转后移动终端用户界面中界面元素外接矩形的长度和宽度。

9.如权利要求4所述的移动终端用户界面自动调整方法，其特征在于，所述界面元素是指当前显示在移动终端用户界面上的包括图标、文字、菜单中的任一种图形用户界面。

Images