著录项信息
专利名称 | 一种调整用户界面元素的方法及装置 |
申请号 | CN200810030330.X | 申请日期 | 2008-08-22 |
法律状态 | 暂无 | 申报国家 | 暂无 |
公开/公告日 | 2009-02-18 | 公开/公告号 | CN101369210 |
优先权 | 暂无 | 优先权号 | 暂无 |
主分类号 | G06F3/048 | IPC分类号 | G;0;6;F;3;/;0;4;8查看分类表>
|
申请人 | 深圳华为通信技术有限公司 | 申请人地址 | 广东省东莞市松山湖高新技术产业开发区新城大道2号南方工厂厂房(一期)项目B2区生产厂房-5
变更
专利地址、主体等相关变化,请及时变更,防止失效 |
权利人 | 华为终端有限公司 | 当前权利人 | 华为终端有限公司 |
发明人 | 孙雅璇;张亮 |
代理机构 | 广州三环专利代理有限公司 | 代理人 | 郝传鑫;熊贤卿 |
摘要
本发明实施例公开了一种调整用户界面元素的方法及装置,所述方法包括:在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;根据所述屏幕的旋转方向及旋转角度,在保证所述用户界面元素布局不变的条件下,调整所述用户界面元素的显示角度。本发明实施例公开的装置包括旋转检测模块、坐标调整模块及角度调整模块。采用本发明实施例,在屏幕发生旋转时,用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果。
1.一种调整用户界面元素的方法,其特征在于,包括:
在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;
根据所述屏幕的旋转方向及旋转角度,在保证所述用户界面元素布局不变的条件下,调整所述用户界面元素的显示角度;
根据所述屏幕的旋转结束状态,确定所述图形用户界面系统的坐标系;将所述用户界面元素的坐标值调整为所述坐标系下的对应值。
2.如权利要求1所述的调整用户界面元素的方法,其特征在于,所述的在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变具体包括:
保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;
在所述坐标系下,保持所述用户界面元素的坐标值不变。
3.如权利要求1所述的调整用户界面元素的方法,其特征在于,所述的根据屏幕的旋转方向及旋转角度,在保证所述用户界面元素布局不变的条件下,调整所述用户界面元素的显示角度具体包括:
在屏幕旋转a角度时,将所述用户界面元素的显示角度向屏幕旋转方向的逆向旋转a角度。
4.如权利要求1所述的调整用户界面元素的方法,其特征在于,所述的根据所述屏幕的旋转结束状态,确定所述图形用户界面系统的坐标系具体包括:
在屏幕的旋转结束状态为横向时,将所述图形用户界面系统的坐标系更新为横屏坐标系;
在屏幕的旋转结束状态为纵向时,将所述图形用户界面系统的坐标系更新为竖屏坐标系。
5.一种调整用户界面元素的方法,其特征在于,包括:
判断屏幕的旋转角度是否达到预置的临界角度;
若确定所述屏幕的旋转角度达到临界角度,在保证用户界面元素布局不变的条件下,更新图形用户界面系统的坐标系,将所述用户界面元素的坐标值及显示角度调整为所述坐标系下的对应值。
6.如权利要求5所述的调整用户界面元素的方法,其特征在于,若所述屏幕的旋转角度未达到临界角度,则:
保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;
在所述坐标系下,保持所述用户界面元素的坐标值及显示角度不变。
7.如权利要求5或6所述的调整用户界面元素的方法,其特征在于,所述的若确定所述屏幕的旋转角度达到临界角度,在保证用户界面元素布局不变的条件下,更新图形用户界面系统的坐标系具体包括:
若图形用户界面系统的坐标系在屏幕旋转前为竖屏坐标系,则将达到临界角度后的坐标系更新为横屏坐标系;
若图形用户界面系统的坐标系在屏幕旋转前为横屏坐标系,则将达到临界角度后的坐标系更新为竖屏坐标系。
8.如权利要求7所述的调整用户界面元素的方法,其特征在于,在更新图形用户界面系统的坐标系后,将用户界面元素的显示角度向屏幕旋转方向的逆向旋转90度。
9.一种调整用户界面元素的装置,其特征在于,包括:
旋转检测模块,用于获取屏幕的旋转角度及旋转方向的信息;
坐标调整模块,用于根据所述旋转检测模块所获取的信息,在保证用户界面元素布局不变的条件下,确定图形用户界面系统的坐标系以及用户界面元素基于所述坐标系的坐标值;
角度调整模块,用于根据所述旋转检测模块所获取的信息,调整所述用户界面元素的显示角度。
10.如权利要求9所述的调整用户界面元素的装置,其特征在于,所述坐标调整模块具体包括:
坐标系确定单元,用于在屏幕旋转过程中,保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在屏幕的旋转结束状态为横向时,将所述图形用户界面系统的坐标系更新为横屏坐标系;在屏幕的旋转结束状态为纵向时,将所述图形用户界面系统的坐标系更新为竖屏坐标系;
用户界面元素坐标确定单元,用于在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;在用户界面系统的坐标系发生变更时,将所述用户界面元素的坐标值调整为新坐标系下的对应值。
11.如权利要求9或10所述的调整用户界面元素的装置,其特征在于,所述角度调整模块在屏幕旋转a角度时,将所述用户界面元素的显示角度向屏幕旋转方向的逆向旋转a角度。
12.如权利要求11所述的调整用户界面元素的装置,其特征在于,所述装置还包括:
屏幕状态确定模块,用于根据所述旋转检测模块所获取的旋转角度信息,确定屏幕的旋转角度是否达到临界角度;
临界角度配置模块,用于配置屏幕的临界角度。
13.如权利要求12所述的调整用户界面元素的装置,其特征在于,所述坐标调整模块具体包括:
坐标系确定单元,用于在屏幕的旋转角度达到临界角度前,保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在屏幕的旋转角度达到临界角度后,若图形用户界面系统的坐标系在屏幕旋转前为竖屏坐标系,则将达到临界角度后的坐标系更新为横屏坐标系;若图形用户界面系统的坐标系在屏幕旋转前为横屏坐标系,则将达到临界角度后的坐标系更新为竖屏坐标系;
用户界面元素坐标确定单元,用于在屏幕的旋转角度达到临界角度前,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;在用户界面系统的坐标系发生变更时,将所述用户界面元素的坐标值调整为新坐标系下的对应值。
14.如权利要求12或13所述的调整用户界面元素的装置,其特征在于,所述角度调整模块在屏幕的旋转角度达到临界角度后,将用户界面元素的显示角度向屏幕旋转方向的逆向旋转90度。
一种调整用户界面元素的方法及装置 \n技术领域\n[0001] 本发明涉及GUI(Graphical User Interface,图形用户界面)技术领域,尤其涉及一种在屏幕旋转过程中调整用户界面元素的方法及装置。 \n[0002] 背景技术\n[0003] 随着电子技术的发展,显示屏已广泛应用于终端设备中,然而当前大多数的显示屏仅能以单一方向显示画面,因此,当显示屏被旋转后,将难以看清用户界面中的画面。 [0004] 为解决屏幕的用户界面仅能以单一方向显示画面的缺点,现有技术普遍的做法是,在屏幕由纵向旋转为横向,或者由横向旋转为纵向时,通过改变用户界面元素的坐标,来调整用户界面的显示方向。 \n[0005] 参见图1,是现有技术提供的屏幕旋转前后的用户界面的示意图。 \n[0006] 在屏幕旋转前,屏幕处于纵向,用户界面中元素的排列顺序为每行两个图标,共四行。具体的,第一行所排列的元素是图标1和图标2,第二行是图标3和图标4,第三行是图标5和图标6,第四行是图标7和图标8。 \n[0007] 在屏幕由纵向旋转到横向后,通过改变界面中元素的坐标,将屏幕纵向时的第二行的图标补充到屏幕处于横向时的第一行的后面,将排列顺序改为每行四个图标,以使得在屏幕水平放置时的用户界面更饱满。如图1所示,在屏幕旋转后,用户界面中元素的排列顺序变为每行四个图标,共两行,其中,第一行所排列的元素有图标1、图标2、图标3和图标\n4,第二行排列有图标5、图标6、图标7和图标8。 \n[0008] 发明人在本发明的创造过程中,发现上述现有技术提供的调整用户界面的方法具有如下缺点:在屏幕发生旋转后,打乱了用户界面元素的显示顺序,使得屏幕旋转前后的界面的布局不一致,给用户带来视觉上不够统一的感觉;同时用户需要重新记忆图标的位置,增加了用户的记忆负担。 \n[0009] 发明内容\n[0010] 本发明实施例提供一种调整用户界面元素的方法及装置,在屏幕发生旋转时,用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果。 \n[0011] 本发明实施例提供了一种调整用户界面元素的方法,所述方法包括: [0012] 在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变; \n[0013] 根据所述屏幕的旋转方向及旋转角度,在保证所述用户界面元素布局不变的条件下,调整所述用户界面元素的显示角度; \n[0014] 根据所述屏幕的旋转结束状态,确定所述图形用户界面系统的坐标系;将所述用户界面元素的坐标值调整为所述坐标系下的对应值。 \n[0015] 相应地,本发明实施例还提供了一种调整用户界面元素的方法,所述方法包括: [0016] 判断屏幕的旋转角度是否达到预置的临界角度; \n[0017] 若确定所述屏幕的旋转角度达到临界角度,在保证用户界面元素布局不变的条件下,更新图形用户界面系统的坐标系,将所述用户界面元素的坐标值及显示角度调整为所述坐标系下的对应值。 \n[0018] 相应地,本发明实施例还提供了一种调整用户界面元素的装置,所述装置包括: [0019] 旋转检测模块,用于获取屏幕的旋转角度及旋转方向的信息; \n[0020] 坐标调整模块,用于根据所述旋转检测模块所获取的信息,在保证用户界面元素布局不变的条件下,确定图形用户界面系统的坐标系以及用户界面元素基于所述坐标系的坐标值; \n[0021] 角度调整模块,用于根据所述旋转检测模块所获取的信息,调整所述用户界面元素的显示角度。 \n[0022] 实施本发明实施例,具有如下有益效果: \n[0023] 在屏幕发生旋转时,各个用户界面元素在屏幕中的相对位置保持不变,并根据屏幕旋转的角度和方向来调整所述用户界面元素的显示角度,使得用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果,用户不需重新记忆用户界面中各功能模块的入口位置,从而改善用户界面的质量和提高界面友好性。 \n[0024] 附图说明\n[0025] 为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。 \n[0026] 图1是现有技术提供的屏幕旋转前后的用户界面的示意图; \n[0027] 图2是本发明实施例提供的调整用户界面元素的装置的第一实施例的组成示意图; \n[0028] 图3是本发明实施例提供的坐标调整模块的组成示意图; \n[0029] 图4是本发明实施例提供的图形用户界面系统的坐标系的一个实施例的示意图; [0030] 图5是本发明实施例提供的调整用户界面元素的装置的第二实施例的组成示意图; \n[0031] 图6是本发明实施例提供的调整用户界面元素的方法的第一实施例的流程示意图; \n[0032] 图7是本发明实施例提供的调整用户界面元素的方法的第二实施例的流程示意图; \n[0033] 图8是本发明实施例提供的调整用户界面元素的方法的第三实施例的流程示意图; \n[0034] 图9是本发明实施例提供的调整用户界面元素的方法的第二和第三实施例在屏幕初始状态的用户界面的示意图; \n[0035] 图10是本发明实施例提供的调整用户界面元素的方法的第二实施例在屏幕旋转过程中用户界面的示意图; \n[0036] 图11是本发明实施例提供的调整用户界面元素的方法的第二实施例在屏幕旋转结束时用户界面的示意图; \n[0037] 图12是本发明实施例提供的调整用户界面元素的方法的第三实施例的屏幕旋转结束时用户界面的示意图; \n[0038] 图13是本发明实施例提供的调整用户界面元素的方法的第四实施例的流程示意图; \n[0039] 图14是本发明实施例提供的调整用户界面元素的方法的第四实施例的屏幕旋转未达到临界角度时的用户界面的示意图;\n[0040] 图15是本发明实施例提供的调整用户界面元素的方法的第四实施例的屏幕旋转达到临界角度后的用户界面的示意图。 \n具体实施方式\n[0041] 下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。 \n[0042] 参见图2,是本发明实施例提供的调整用户界面元素的装置的组成示意图,所述装置可实现在屏幕旋转过程中,保持各个用户界面元素在屏幕中的相对位置不变,并根据所述屏幕的旋转方向及旋转角度,调整所述用户界面元素的显示角度,使得用户界面元素的排列顺序不被破坏。如图2所示,所述调整用户界面元素的装置包括: \n[0043] 旋转检测模块1,用于获取屏幕的旋转角度及旋转方向的信息; \n[0044] 坐标调整模块2,用于根据所述旋转检测模块1所获取的信息,在保证所述用户界面元素布局不变的条件下,确定图形用户界面系统的坐标系以及用户界面元素基于所述坐标系的坐标值; \n[0045] 角度调整模块3,用于根据所述旋转检测模块所获取的信息,调整所述用户界面元素的显示角度。 \n[0046] 在本发明实施例中,为了实现在屏幕的旋转过程中,各个用户界面元素在屏幕中的相对位置保持不变,且对于用户来说,用户界面中各个元素从视觉上看来并不旋转,达到改善用户界面的质量和提高界面友好性的目的,本实施例实时对用户界面元素的显示角度进行调整,具体的,所述角度调整模块3在屏幕旋转a角度时,将所述用户界面元素的显示角度向屏幕旋转方向的逆向旋转a角度。 \n[0047] 进一步的,所述坐标调整模块2在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;在屏幕旋转结束时,还根据所述屏幕的旋转结束状态,确定图形用户界面系统的坐标系,并将用户界面元素的坐标值调整为所述坐标系下的对应值。如图3所示,所述坐标调整模块2具体包括:\n[0048] 坐标系确定单元21,用于在屏幕旋转过程中,保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在屏幕的旋转结束状态为横向时,将所述图形用户界面系统的坐标系更新为横屏坐标系;在屏幕的旋转结束状态为纵向时,将所述图形用户界面系统的坐标系更新为竖屏坐标系; \n[0049] 用户界面元素坐标确定单元22,用于在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;在用户界面系统的坐标系发生变更时,将所述用户界面元素的坐标值调整为新坐标系下的对应值。 \n[0050] 所述用户界面元素是指当前显示在用户界面上的包括图标、文字、菜单、对话框等图形用户界面(GUI,Graphical User Interface)资源,GUI资源是预先确定并保存的,其中,每个用户界面元素的布局通过位置坐标、尺寸值和显示角度信息来描述。在本发明实施例中,用户界面元素的描述信息包括:相对于当前坐标系的横坐标x、竖坐标y、长度m、宽度n、显示角度r,通过修改这些描述信息,可达到调整用户界面元素的位置、尺寸及显示角度的目的。 \n[0051] 本发明实施例提供的图形用户界面系统支持横屏坐标系切换和竖屏坐标系切换,参见图4,是本发明实施例提供的图形用户界面系统的坐标系的一个实施例的示意图,用户界面的宽度为w,高度为h,图形用户界面系统支持的坐标系包括: \n[0052] (a)竖屏坐标系xoy:在屏幕纵向放置状态下,以用户界面的左上角为坐标原点,并沿界面的横向和纵向分别作x轴和y轴; \n[0053] (b)横屏坐标系x’o’y’:在屏幕横向放置状态下,以用户界面的左上角为坐标原点,并沿界面的横向和纵向分别作x’轴和y’轴。 \n[0054] 图形用户界面系统支持两个方向的坐标系的切换,使得用户可针对不同的画面需求来调整用户界面的显示风格,例如,纵向的用户界面更适合于选项的列表排列,而横向的用户界面适合于用户按照传统习惯浏览网页和播放影视等。 \n[0055] 下面为了方便说明,假设在屏幕旋转前,图形用户界面系统的坐标系为竖屏坐标系xoy,在所述坐标系xoy下,某一个用户界面元素初始状态的描述信息为(x,y,m,n,r)。\n在初始状态下,用户界面元素按照实际配置好的描述信息(x,y,m,n,r)进行布局,并在屏幕上显示。 \n[0056] 在屏幕旋转过程中,旋转检测模块1获取屏幕的旋转角度及旋转方向信息,并实时上报给坐标调整模块2及角度调整模块3进行处理。\n[0057] 所述坐标调整模块2及角度调整模块3接收到所述的旋转检测模块1上报的信息后,保持图形用户界面系统的当前坐标系与旋转前一致(即依然为竖屏坐标系xoy),根据所述的屏幕旋转角度修改所述用户界面元素的描述信息,并基于所述新的描述信息重新布局用户界面元素的坐标、尺寸及显示角度,实时地在屏幕上刷新显示。具体的,有如下两种实施方式: \n[0058] 第一,在屏幕旋转a角度的情况下,用户界面元素基于自身的中心点向屏幕旋转方向的逆向旋转a角度(或者,向屏幕旋转方向的同向旋转360-a度),为达到界面元素保值重力所在方向的效果,保持用户界面元素在屏幕中的相对位置不变,经修改后的用户界面元素描述信息(x’,y’,m’,n’,r’)如下: \n[0059] \n[0060] \n[0061] n′=n; \n[0062] r′=r+a。 \n[0063] 第二,同样在屏幕旋转a角度的情况下,用户界面元素还可以基于自身的左上角为中心向屏幕旋转方向的逆向旋转a角度(或者,向屏幕旋转方向的同向旋转360-a度),保持用户界面元素的坐标值不变,新的用户界面元素描述信息(x’,y’,m’,n’,r’)如下: [0064] x′=x;y′=y;m′=m;n′=n;r′=r+a。 \n[0065] 进一步的,当屏幕旋转结束时,若屏幕的旋转结束状态为横向,则所述坐标系确定单元21将图形用户界面系统的坐标系更新为横屏坐标系;若屏幕的旋转结束状态为纵向,则所述坐标系确定单元21将图形用户界面系统的坐标系更新为竖屏坐标系;同时,所述用户界面元素坐标确定单元22将所述用户界面元素的中心坐标值调整为新坐标系下的对应值。 \n[0066] 参见图5,是本发明实施例提供的调整用户界面元素的装置的第二实施例的组成示意图,所述装置在确定屏幕的旋转角度达到临界角度时,在保证用户界面元素布局不变的条件下,更新图形用户界面系统的坐标系,将所述用户界面元素的坐标值及显示角度调整为所述坐标系下的对应值。\n[0067] 如图5所示,所述装置除了包括旋转检测模块1、坐标调整模块2及角度调整模块\n3外,还包括: \n[0068] 屏幕状态确定模块4,用于根据所述旋转检测模块所获取的旋转角度信息,确定屏幕的旋转角度是否达到临界角度; \n[0069] 临界角度配置模块5,用于配置屏幕的临界角度。在具体的实施当中,所述临界角度可根据需要进行配置,例如,可配置45度作为最优临界角度。 \n[0070] 在屏幕旋转过程中,根据旋转检测模块1所获取的旋转角度信息,判断屏幕的旋转角度是否达到临界角度,若未达到临界角度,则保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致,以及保持所述用户界面元素的坐标值及显示角度不变;若确定所述屏幕的旋转角度达到临界角度,则在保证所述用户界面元素布局不变的条件下,更新图形用户界面系统的坐标系,将用户界面元素的坐标值及显示角度调整为新的坐标系下的对应值。 \n[0071] 具体的,所述坐标调整模块2中的坐标系确定单元,在屏幕的旋转角度达到临界角度前,保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在屏幕的旋转角度达到临界角度后,若图形用户界面系统的坐标系在屏幕旋转前为竖屏坐标系,则将达到临界角度后的坐标系更新为横屏坐标系;若图形用户界面系统的坐标系在屏幕旋转前为横屏坐标系,则将达到临界角度后的坐标系更新为竖屏坐标系; \n[0072] 所述坐标调整模块2中的用户界面元素坐标确定单元,在屏幕的旋转角度达到临界角度前,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变;在用户界面系统的坐标系发生变更时,将所述用户界面元素的坐标值调整为新坐标系下的对应值; \n[0073] 所述角度调整模块3在屏幕的旋转角度达到临界角度后,将用户界面元素的显示角度向屏幕旋转方向的逆向旋转90度(或者,向屏幕旋转方向的同向旋转270度)。 [0074] 本发明实施例提供的调整用户界面元素的装置,在屏幕发生旋转时,各个用户界面元素在屏幕中的相对位置保持不变,并根据屏幕旋转的角度和方向来调整所述用户界面元素的显示角度,使得用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果,从而改善用户界面的质量和提高界面友好性。 \n[0075] 参见图6,是本发明实施例提供的调整用户界面元素的方法的第一实施例的 流程示意图。 \n[0076] 在步骤S100,获取屏幕的旋转角度及旋转方向信息; \n[0077] 在步骤S101,在屏幕旋转过程中,保持用户界面元素的基于旋转前的图形用户界面系统坐标系的坐标值不变,包括:保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在所述坐标系下,保持所述用户界面元素的坐标值不变。 \n[0078] 在步骤S102,根据屏幕的旋转方向及旋转角度,在保证所述用户界面元素布局不变的条件下,调整所述用户界面元素的显示角度; \n[0079] 具体的,用户界面元素的布局通过描述信息来确定,修改所述描述信息可达到调整用户界面元素的位置、尺寸及显示角度的目的。其中,所述用户界面描述信息包括:相对于当前坐标系的横坐标x、竖坐标y、长度m、宽度n以及显示角度r。 \n[0080] 在初始状态下,图形用户界面系统的当前坐标系为xoy,某一个用户界面元素在所述坐标系xoy下的描述信息为(x,y,m,n,r),用户界面元素按照所述配置好的描述进行布局,并在屏幕上显示。 \n[0081] 在屏幕旋转过程中,保持图形用户界面系统的当前坐标系不变(即依然为坐标系xoy)。当检测到屏幕旋转a角度时,为实现用户界面中各个元素从视觉上看来并不旋转,改善用户界面的质量和提高界面友好性,用户界面元素基于自身中心向屏幕布旋转方向的逆向旋转a角度(或者,向屏幕旋转方向的同向旋转360-a度),调整后的用户界面元素描述信息(x’,y’,m’,n’,r’)如下: \n[0082] \n[0083] \n[0084] n′=n; \n[0085] r′=r+a。 \n[0086] 在步骤S103,在屏幕旋转结束时,确定图形用户界面系统的坐标系,并将用户界面元素的中心坐标值调整为所述坐标系下的对应值,具体包括:在屏幕的旋转结束状态为横向时,将所述图形用户界面系统的坐标系更新为横屏坐标 系;在屏幕的旋转结束状态为纵向时,将所述图形用户界面系统的坐标系更新为竖屏坐标系。 \n[0087] 本发明实施例提供的调整用户界面元素的方法,在屏幕发生旋转时,用户界面元素在屏幕中的相对位置保持不变,并根据屏幕旋转的角度和方向来调整用户界面元素的显示角度,使得各个元素从视觉上看来并不旋转,且用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果,改善用户界面的质量和界面友好性。 \n[0088] 参见图7,是本发明实施例提供的调整用户界面元素的方法的第二实施例的流程示意图。 \n[0089] 图形用户界面系统支持如图4所示的两个方向的坐标系的切换,并且硬件能够上报屏幕的旋转角度和旋转方向的信息。其中,用户界面的高度为h,宽度为w。 [0090] 本发明实施例中,屏幕从纵向放置的初始状态开始逆时针旋转,在旋转角度达到\n90度后,旋转结束,屏幕处于横向放置状态。为了描述在这一个过程中用户界面元素的变化情况,下面仅选取用户界面中的图标1来举例说明,对于用户界面中的其它元素,依照相同的方法进行处理。 \n[0091] 在步骤S200,屏幕处于纵向放置的初始状态,图形用户界面系统的当前坐标系为竖屏坐标系xoy;在竖屏坐标系xoy下,用户界面中的图标1初始状态的描述信息为(x,y,m,n,r),其中,x、y用于描述图标1的中心坐标,分别表示横坐标、竖坐标;m、n用于描述图标1的尺寸,分别表示宽度、长度;r表示图标1的显示角度; \n[0092] 在步骤S201,硬件上报屏幕逆时针旋转45度; \n[0093] 在步骤S202,图形用户界面系统保持当前的坐标系不变,图标1的中心坐标及尺寸保持不变,图标1以自身的左上角为中心顺时针旋转45度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r-45); \n[0094] 在步骤S203,硬件上报屏幕逆时针旋转60度; \n[0095] 在步骤S204,图形用户界面系统保持当前的坐标系不变,图标1的中心坐标及尺寸保持不变,图标1以自身的左上角为中心顺时针旋转60度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r-60); \n[0096] 在步骤S205,硬件上报屏幕逆时针旋转90度;\n[0097] 在步骤S206,图形用户界面系统保持当前的坐标系不变,图标1的中心坐标及尺寸保持不变,图标1以自身的左上角为中心顺时针旋转90度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r-90);; \n[0098] 在步骤S207,屏幕已由竖屏逆时针旋转为横屏,则将图形用户界面系统的当前坐标系切换到横屏坐标系x’o’y’,在新的坐标系x’o’y’下,将图标1的中心坐标调整为(y,w-x)。 \n[0099] 参见图8,是本发明实施例提供的调整用户界面元素的方法的第三实施例的流程示意图。 \n[0100] 图形用户界面系统支持如图4所示的两个方向的坐标系的切换,并且硬件能够上报屏幕的旋转角度和旋转方向的信息。其中,用户界面的高度为h,宽度为w。 [0101] 本发明实施例中,屏幕从纵向放置的初始状态开始顺时针旋转,在旋转角度达到\n90度后,旋转结束,屏幕处于横向放置状态。为了描述在这一个过程中用户界面元素的变化情况,下面仅选取用户界面中的图标1来举例说明,对于用户界面中的其它元素,依照相同的方法进行处理。 \n[0102] 在步骤S300,屏幕处于纵向放置的初始状态,图形用户界面系统的当前坐标系为竖屏坐标系xoy;在竖屏坐标系xoy下,用户界面中的图标1初始状态的描述信息为(x,y,m,n,r),其中,x、y用于描述图标1的中心坐标,分别表示横坐标、竖坐标;m、n用于描述图标1的尺寸,分别表示宽度、长度;r表示图标1的显示角度; \n[0103] 在步骤S301,硬件上报屏幕顺时针旋转45度; \n[0104] 在步骤S302,图形用户界面系统保持当前的坐标系不变,图标1的中心坐标及尺寸保持不变,图标1以自身的左上角为中心逆时针旋转45度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r+45); \n[0105] 在步骤S303,硬件上报屏幕顺时针旋转60度; \n[0106] 在步骤S304,图形用户界面系统保持当前的坐标系不变,图标1的中心坐标及尺寸保持不变,图标1以自身的左上角为中心逆时针旋转60度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r+60);; \n[0107] 在步骤S305,硬件上报屏幕顺时针旋转90度; \n[0108] 在步骤S306,图形用户界面系统保持当前的坐标系不变,图标1的中心坐 标及尺寸保持不变,图标1以自身的左上角为中心逆时针旋转90度,并在用户界面上刷新显示,即图标1当前的描述信息调整为(x,y,m,n,r+90);; \n[0109] 在步骤S307,屏幕已由竖屏顺时针旋转为横屏,将图形用户界面系统的当前坐标系切换到横屏坐标系x’o’y’,在新的坐标系x’o’y’下,将图标1的中心坐标调整为(h-y,x)。 \n[0110] 以上所述的调整用户界面元素的方法的第二和第三实施例,关于屏幕旋转45度、\n60度和90度的描述,仅为屏幕旋转过程中的其中三个状态,仅以此举例说明用户界面元素在屏幕旋转过程中的变化情况,并不限定本发明实施例仅在所述的三个状态下才对用户界面元素作调整。在具体实施当中,在屏幕发生旋转时,用户界面元素可同步地向相反的方向旋转。 \n[0111] 参见图9,是本发明实施例提供的调整用户界面元素的方法的第二和第三实施例在屏幕初始状态的用户界面的示意图。 \n[0112] 本发明实施例提供的调整用户界面元素的方法的第二和第三实施例,屏幕的初始状态处于纵向,用户界面中元素的排列顺序为每行两个图标,共四行。具体的,第一行所排列的元素是图标1和图标2,第二行是图标3和图标4,第三行是图标5和图标6,第四行是图标7和图标8。 \n[0113] 如图9所示,图形用户界面系统的当前坐标系为竖屏坐标系xoy,在竖屏坐标系xoy下,图标1的中心坐标及显示角度为(x,y,r)。 \n[0114] 参见图10,是本发明实施例提供的调整用户界面元素的方法的第二实施例在屏幕旋转过程中用户界面的示意图。 \n[0115] 在旋转过程中,硬件上报屏幕的旋转角度为a度,图形用户界面系统的当前坐标系保持不变,仍为竖屏坐标系xoy,界面中的各元素的坐标值保持不变,显示角度向屏幕旋转方向的逆向旋转a度(或者,向屏幕旋转方向的同向旋转360-a度),例如,图标1的中心坐标及显示角度调整为(x,y,r+a),并在用户界面中刷新显示。 \n[0116] 从图10可以看出,采用本发明实施例,在屏幕旋转过程中,可保证用户界面中各个元素的中心坐标位置不变,且对于用户来说,各个元素从视觉上看来并不旋转,从而改善用户界面的质量和界面友好性。 \n[0117] 参见图11,是本发明实施例提供的调整用户界面元素的方法的第二实施例在屏幕旋转结束时用户界面的示意图。\n[0118] 屏幕由纵向放置的初始状态,逆时针旋转90度成为横向旋转状态后,屏幕旋转结束,图形用户界面系统的坐标系由竖屏坐标系xoy切换到横屏坐标系x’o’y’,并将屏幕界面中各元素的坐标调整为横屏坐标系x’o’y’下的对应值。 \n[0119] 如图11所示,图标1的中心点坐标及显示角度在竖屏坐标系下的初始状态是(x,y,r),屏幕逆时针旋转90度后,图形用户界面系统的坐标系切换到横屏坐标系x’o’y’,在新的坐标系x’o’y’下,图标1的中心点坐标及显示角度调整为(y,w-x,r-90)。 [0120] 在屏幕从纵向起,逆时针旋转90度后,用户界面中元素的排列顺序变为每行四个图标,共两行,其中,第一行所排列的元素有图标2、图标4、图标6和图标8,第二行排列有图标1、图标3、图标5和图标7;由此可见,在屏幕旋转后,用户界面元素的排列顺序没有被破坏,使得用户界面的布局在屏幕旋转前后保持了良好的一致性。 \n[0121] 参见图12,是本发明实施例提供的调整用户界面元素的方法的第三实施例的屏幕旋转结束时用户界面的示意图。 \n[0122] 屏幕由纵向放置的初始状态,顺时针旋转90度成为横向旋转状态后,图形用户界面系统的坐标系由竖屏坐标系xoy更改为横屏坐标系x’o’y’,并将屏幕界面中各元素的坐标调整为横屏坐标系x’o’y’下的对应值。 \n[0123] 如图12所示,图标1的中心点坐标及显示角度在竖屏坐标系下的初始状态是(x,y,r);屏幕顺时针旋转90度后,图形用户界面系统的坐标系切换到横屏坐标系x’o’y’,在新的坐标系x’o’y’下,图标1的中心点坐标及显示角度调整为(h-y,x,r+90)。 [0124] 在屏幕从纵向起,顺时针旋转90度后,用户界面中元素的排列顺序变为每行四个图标,共两行,其中,第一行所排列的元素有图标7、图标5、图标3和图标1,第二行排列有图标8、图标6、图标4和图标2;由此可见,在屏幕旋转后,用户界面元素的排列顺序没有被破坏,使得用户界面的布局在屏幕旋转前后保持了良好的一致性。 \n[0125] 上述仅以屏幕由纵向旋转为横向为例对调整用户界面元素的方法和装置进行说明,本发明实施例同样适用于屏幕由横向旋转为纵向的情况。 \n[0126] 本发明实施例提供的调整用户界面元素的方法,在屏幕发生旋转时,用户界面元素在屏幕中的相对位置保持不变,并根据屏幕旋转的角度和方向来调整 用户界面元素的显示方向,使得各个元素从视觉上看来并不旋转,从而改善用户界面的质量和界面友好性;\n且用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果,用户不需重新记忆用户界面中各功能模块的入口位置。 \n[0127] 参见图13,是本发明实施例提供的调整用户界面元素的方法的第四实施例的流程示意图。 \n[0128] 在步骤S400,获取屏幕的旋转角度及旋转方向信息; \n[0129] 在步骤S401,判断所述屏幕的旋转角度是否达到预置的临界角度,若是,则执行步骤S402,否则,执行S403;其中,所述临界角度可根据实际的需要进行配置,例如,可配置为\n45度作为最优临界角度; \n[0130] 在步骤S402,更新图形用户界面系统的坐标系,将用户界面元素的坐标值及显示角度调整为切换后的坐标系下的对应值,包括: \n[0131] 若图形用户界面系统的坐标系在屏幕旋转前为竖屏坐标系,则将达到临界角度后的坐标系更新为横屏坐标系; \n[0132] 若图形用户界面系统的坐标系在屏幕旋转前为横屏坐标系,则将达到临界角度后的坐标系更新为竖屏坐标系; \n[0133] 在更新图形用户界面系统的坐标系后,将用户界面元素的显示角度向屏幕旋转方向的逆向旋转90度。 \n[0134] 在步骤S403,保持图形用户界面系统的坐标系与屏幕旋转前的坐标系一致;在所述坐标系下,保持所述用户界面元素的坐标值及显示角度不变。 \n[0135] 具体的,用户界面元素的布局通过描述信息(x,y,m,n,r)来确定,其中,其中,x、y用于描述图标1的中心坐标,分别表示横坐标、竖坐标;m、n用于描述图标1的尺寸,分别表示宽度、长度;r表示图标1的显示角度。 \n[0136] 如图14所示,是本发明实施例提供的屏幕旋转未达到临界角度时的用户界面的示意图,图形用户界面系统支持如图4所示的两个方向的坐标系的切换,用户界面的高度为h,宽度为w。为了描述屏幕旋转过程中用户界面元素的变化情况,下面仅选取用户界面中的图标1来举例说明,对于用户界面中的其它元素,依照相同的方法进行处理。 [0137] 在屏幕旋转前,图形用户界面系统的当前坐标系为竖屏坐标系xoy;在竖屏坐标系xoy下,用户界面中的图标1初始状态的描述信息为(x,y,m,n,r); \n[0138] 在屏幕旋转过程中,当旋转角度a小于临界角度θ,则图形用户界面系统 保持当前的坐标系不变(即仍为竖屏坐标系xoy),图标1的中心坐标、尺寸及显示角度保持不变,即图标1当前的描述信息仍为(x,y,m,n,r); \n[0139] 当屏幕的旋转角度a大于等于临界角度θ时,更新图形用户界面系统的坐标系,并将用户界面元素的坐标值及显示角度调整为切换后的坐标系下的对应值。 [0140] 如图15所示,是本发明实施例提供的屏幕旋转达到临界角度后的用户界面的示意图,图形用户界面系统的坐标系由竖屏坐标系xoy更新为横屏坐标系x’o’y’。在横屏坐标系x’o’y’下,图标1的中心点坐标及显示角度由原来的(x,y,m,n,r)调整为(y,w-x,r±90)。 \n[0141] 本发明实施例提供的调整用户界面元素的方法及装置,在屏幕发生旋转时,各个用户界面元素在屏幕中的相对位置保持不变,并根据屏幕旋转的角度和方向来调整所述用户界面元素的显示角度,使得所述用户界面元素的排列顺序不被破坏,保持了良好的一致性视觉效果,用户不需重新记忆用户界面中各功能模块的入口位置,从而改善用户界面的质量和提高界面友好性。 \n[0142] 本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。 \n[0143] 以上所述是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围。
法律信息
- 2019-01-04
专利权的转移
登记生效日: 2018.12.18
专利权人由华为终端(深圳)有限公司变更为华为终端有限公司
地址由518129 广东省深圳市龙岗区坂田华为基地B区2号楼变更为523808 广东省东莞市松山湖高新技术产业开发区新城大道2号南方工厂厂房(一期)项目B2区生产厂房-5
- 2019-01-04
专利权人的姓名或者名称、地址的变更
专利权人由华为终端有限公司变更为华为终端(深圳)有限公司
地址由518129 广东省深圳市龙岗区坂田华为基地B区2号楼变更为518129 广东省深圳市龙岗区坂田华为基地B区2号楼
- 2011-03-16
- 2009-04-15
- 2009-02-18
引用专利(该专利引用了哪些专利)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 | 该专利没有引用任何外部专利数据! |
被引用专利(该专利被哪些专利引用)
序号 | 公开(公告)号 | 公开(公告)日 | 申请日 | 专利名称 | 申请人 | 该专利没有被任何外部专利所引用! |