专利名称：移动终端用户界面自动调整系统及方法
技术领域：
本发明涉及一种移动终端用户界面自动调整系统及方法。
背景技术：
随着电子技术的不断发展，移动终端用户界面的设计也不断的趋于多样化以满足 不同用户的个性需求，传统用户界面的设计方法只是针对某一特定的显示方位以及特定的 显示屏大小而设计的，这样导致当前大多数的移动终端只能在单一的方向显示用户界面。 如图1所示，是现有技术中移动终端旋转前后用户界面的示意图，从图中可以看出，传统用 户界面的设计只是针对移动终端在垂直方向的显示而设计的，当屏幕旋转以后，用户界面 非常的不直观。
发明内容
鉴于以上内容，有必要提供一种移动终端用户界面自动调整系统，其可在移动终 端发生旋转时自动调整用户界面的显示方式。还有必要提供一种移动终端用户界面自动调整方法，其可在移动终端发生旋转时 自动调整用户界面的显示方式。所述移动终端用户界面自动调整系统，该系统包括旋转检测单元用于检测移 动终端发生旋转时所旋转的角度；坐标调整单元根据上述旋转检测单元所检测到的旋转 角度，重新建立移动终端用户界面的坐标系以及确定移动终端用户界面的显示区域，并计 算该用户界面中界面元素基于上述坐标系及显示区域的坐标值和尺寸值；显示控制单元 用于根据上述重新建立的移动终端用户界面的坐标系以及该用户界面中界面元素基于上 述坐标系及显示区域计算得到的坐标值和尺寸值控制界面元素在上述所确定的显示区域 中进行显示。所述移动终端用户界面自动调整方法，该方法包括如下步骤检测移动终端的旋 转角度；根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该 用户界面的显示区域；计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标 值以及尺寸值；根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述 用户界面的显示区域中显示。相较于现有技术，本发明在移动终端发生旋转时，对移动终端用户界面以及该用 户界面中界面元素的显示方式进行调整，使得移动终端的用户界面在视觉上并不发生旋 转，更直观的呈现给了用户。
图1为现有技术中移动终端旋转前后用户界面的示意图。图2为本发明移动终端用户界面自动调整系统的功能模块图。图3为本发明较佳实施例中移动终端逆时针旋转e (其中e不等于o度或90度
4的整数倍等特殊值)角度时用户界面进行调整的示意图。图4为本发明较佳实施例中移动终端逆时针旋转90度时用户界面旋转前后的示意图。图5为本发明移动终端用户界面自动调整方法较佳实施例的整体流程图。
具体实施例方式如图2所示，是本发明移动终端用户界面自动调整系统的功能模块图。该系统应 用于移动终端1中，其可实现在移动终端发生旋转时，自动调整移动终端用户界面的显示 方式。所述移动终端1包括旋转检测单元01、坐标调整单元02和显示控制单元03。所述 旋转检测单元01用于检测移动终端发生旋转时所旋转的角度，如图3中所示的移动终端逆 时针旋转的角度θ ；所述坐标调整单元02用于根据所述旋转检测单元01所检测到的旋转 角度，重新建立移动终端用户界面的坐标系以及确定该用户界面的显示区域和各界面元素 在上述重新建立的坐标系中的坐标值和尺寸值。如图3所示，移动终端1原始的用户界面 处于坐标系XOY中，当移动终端逆时针旋转θ角度时，坐标调整单元02将根据移动终端旋 转的角度θ重新建立坐标系X’ 0’Υ’为所述移动终端用户界面的坐标系，并确定该用户 界面的显示区域为矩形0’ Α’ B’ C’，同时所述坐标调整单元02将所述用户界面中的界面元 素图标a在坐标系XOY中的坐标值(x，y)调整为在坐标系X’ 0’ Y’中的坐标值(x’，y’)， 并将图标a的尺寸值(m，η)调整为(m’，η’ )；所述显示控制单元03用于根据所述坐标调 整单元02所重新建立的用户界面的坐标系以及该用户界面中界面元素的坐标值和尺寸值 控制所述界面元素在上述所确定的用户界面的显示区域中显示。所述界面元素是指当前 显示在移动终端用户界面上的包括图标、文字、菜单等图形用户界面(⑶I Graphical User Interface)资源，该⑶I资源是预先确定并保存的，其中，每个界面元素通过其在上述用户 界面坐标系中的坐标值和尺寸值来描述。在本发明实施例中，界面元素的描述信息包括界 面元素在当前用户界面坐标系中的横坐标χ和纵坐标y以及该界面元素外接矩形的长度m 和宽度η。通过对这些描述信息的修改，可对界面元素的显示位置以及尺寸大小进行调整。 在本发明实施例中，为了实现在移动终端旋转的过程中，各个界面元素在用户界面中的相 对位置保持不变，并且对于用户来说，用户界面中各个元素从视觉上来看并不旋转，仅仅改 变了用户界面的大小以及相应界面元素的尺寸大小，具体的实现方法在以下实施例中进行 说明。如图3所示，是本发明较佳实施例中移动终端逆时针旋转θ (其中θ不等于0度 或90度的整数倍等特殊值)角度时用户界面进行调整的示意图。如图所示，假设移动终端 旋转前用户界面的显示区域为矩形0ABC，其所在的坐标系为Χ0Υ，该用户界面中有一个界 面元素为图标a，其描述信息为(X，1，m，η)，旋转后该移动终端的用户界面的显示区域为矩 形0’ Α’ B’ C’，其所在的坐标系为X’ 0’ Y’，该坐标系是以矩形0’ Α’ B’ C’的左下角顶点 0’作为坐标原点所建立的，其使得矩形0’ Α’ B’ C’处于该坐标系的第一象限内。原来用户 界面中的界面元素变成了图标a’，其描述信息为(X’，y’，m’，n’)，所述矩形0’ A’ B’ C’平 行于水平方向，并且是包含于矩形OABC内的最大矩形，求得该矩形的方法如下首先，假设 矩形OABC的一边OA的长度为Z个像素，然后让0’点从0点开始沿着OA方向以一个像素 为步长移动，每移动一次求得一个包含于矩形OABC的矩形0’ A’ B’ C’，使得0’ C’平行于水平方向并与OC相交于C’点，0’ A’垂直于0’ C’并与AB相交于A’点，然后计算出该矩 形的面积并记录下来，重复以上步骤直到0’点移动到与A点重合，这样便可得到Z个包含 于OABC并平行于水平方向的矩形，其中面积最大的、平行于水平方向并且包含于矩形OABC 内的矩形0’A’ B’ C’就是当前用户界面的显示区域，其长度和宽度分别为|0’0/sine |和 (0A-0，0)/cos θ I。在确定了旋转后用户界面的坐标系以及显示区域以后，还需要计算出旋转后界面 元素图标a’在坐标系V 0’ Y’中的描述信息，计算该描述信息的方法如下假设矩形OABC 的长度OC和宽度OA与矩形0’ A’ B’ C’的长度0’ C’和宽度0’ A’有如下关系
0，C，/OC = k，0，A，/OA = t ；那么图标a在坐标系XOY中的描述信息(x，y，m，n)与图标a’在坐标系(x’，y’， m’，n’)有如下关系χ，= kXx ；y，= tXy ；m，= kXm ；η，= tXn。如图4所示，是本发明较佳实施例中移动终端逆时针旋转90度时用户界面旋转前 后的示意图。如图所示，移动终端旋转前的用户界面的显示区域为矩形0ABC，其中显示有 8个界面元素，该用户界面所对应的坐标系为Χ0Υ，旋转后用户界面的显示区域对应为矩形 0’ A’ B’ C’，其所在的坐标系为X’ A’ Y’，该坐标系是以矩形0’ A’ B’ C’的左下角顶点A’作 为坐标原点所建立的，其使得矩形0’ A’ B’ C’处于该坐标系的第一象限内，其中矩形OABC 与矩形0’A’B’C’的面积相等，为方便说明，在本较佳实施例中仅对界面元素1在旋转前后 的不同显示方式进行说明。首先，假设矩形OABC与矩形0’ A’ B’ C’的长度比0’ A’ /OC = k，宽度比A’ B’ /OA = t，那么所述界面元素1旋转前在坐标系XOY中的描述信息(X，y，m, η)与旋转后该界面元素1的在坐标系X’ Α’ Y’中的描述信息(X’，y’，m’，n’ )满足如下关 系χ，= kXx ；y，= tXy ；m，= kXm ；η，= tXn。当移动终端旋转的角度为90度的整数倍等特殊角度时，用户界面新坐标系的建 立以及界面元素描述信息的求解方法跟上述移动终端旋转90的求解方法相同，在此不再 做阐述。通过以上两种方法可以根据移动终端的旋转角度自动调整移动终端用户界面以 及用户界面中界面元素的显示方式，从以上实施例的示意图中可以看出，通过该系统对移 动终端的用户界面在旋转前后的显示方式进行调整后，用户界面以及该用户界面中的界面 元素在视觉上并没有发生旋转，它们在视觉上的相对位置并没有发生改变，显示很直观，仅 仅改变了界面显示区域的大小以及界面元素的显示尺寸，该系统还可用于不同大小显示屏 的移动终端，其可根据移动终端显示屏的大小自动调整移动终端的用户界面以及界面元素 的显示方式。如图5所示，是本发明移动终端用户界面自动调整方法较佳实施例的整体流程 图。步骤S01，旋转检测单元01检测移动终端的旋转角度。步骤S02，坐标调整单元02根据上述所检测到的移动终端的旋转角度重新建立用 户界面的坐标系以及确定该用户界面的显示区域。步骤S03，坐标调整单元02确定用户界面中的界面元素在上述重新建立的用户界 面坐标系中的坐标值以及尺寸值。
步骤S04，显示控制端元03根据上述所确定的界面元素的坐标值以及尺寸值控制 所述界面元素在上述显示区域中显示。以上实施例对本发明的技术方案进行了详细的描述，但是很显然，所描述的实施 例仅仅是本发明一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通 技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护范围。
权利要求
一种移动终端用户界面自动调整系统，其特征在于，该系统包括旋转检测单元用于检测移动终端发生旋转时所旋转的角度；坐标调整单元根据上述旋转检测单元所检测到的旋转角度，重新建立移动终端用户界面的坐标系以及确定移动终端用户界面的显示区域，并计算该用户界面中界面元素基于上述坐标系及显示区域的坐标值和尺寸值；显示控制单元用于根据上述重新建立的移动终端用户界面的坐标系以及该用户界面中界面元素基于上述坐标系及显示区域计算得到的坐标值和尺寸值控制界面元素在上述所确定的显示区域中进行显示。
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所述的移动终端用户界面自动调整方法，其特征在于，所述界面元素 是指当前显示在移动终端用户界面上的包括图标、文字、菜单中的任一种图形用户界面。
全文摘要
本发明提供一种移动终端用户界面自动调整方法，该方法包括如下步骤检测移动终端的旋转角度；根据上述所检测到的移动终端的旋转角度重新建立用户界面的坐标系以及确定该用户界面的显示区域；计算上述用户界面中的界面元素在上述重新建立的坐标系中的坐标值以及尺寸值；根据上述所确定的界面元素的坐标值以及尺寸值控制所述界面元素在上述用户界面的显示区域中显示。本发明还提供一种移动终端用户界面自动调整系统。本发明在移动终端发生旋转时，对移动终端用户界面以及该用户界面中的界面元素的显示方式进行调整，使得移动终端的用户界面在视觉上并不发生旋转，更直观的呈现给了用户。
文档编号H04M1/247GK101877736SQ200910302039
公开日2010年11月3日 申请日期2009年4月30日 优先权日2009年4月30日
发明者姚旭奇 申请人:深圳富泰宏精密工业有限公司;奇美通讯股份有限公司