CN103488403B - 界面布局切换方法、装置和移动终端 - Google Patents

界面布局切换方法、装置和移动终端 Download PDF

Info

Publication number
CN103488403B
CN103488403B CN201310390631.4A CN201310390631A CN103488403B CN 103488403 B CN103488403 B CN 103488403B CN 201310390631 A CN201310390631 A CN 201310390631A CN 103488403 B CN103488403 B CN 103488403B
Authority
CN
China
Prior art keywords
display
posture
picture
display elements
information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201310390631.4A
Other languages
English (en)
Other versions
CN103488403A (zh
Inventor
张裕文
金凡
刘旭姝
蔡经伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiaomi Inc
Original Assignee
Xiaomi Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xiaomi Inc filed Critical Xiaomi Inc
Priority to CN201310390631.4A priority Critical patent/CN103488403B/zh
Publication of CN103488403A publication Critical patent/CN103488403A/zh
Application granted granted Critical
Publication of CN103488403B publication Critical patent/CN103488403B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种界面布局切换方法、装置和移动终端,属于终端技术领域。所述方法包括:捕获移动终端的姿态变化;当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;根据所述第二姿态对应的布局文件,对当前界面进行切换显示。本发明通过在该移动终端的从第一姿态变化为第二姿态时,加载该第二姿态对应的布局文件,以对当前界面进行切换显示。加载该移动终端当前姿态对应的布局文件,能够实现灵活的切换显示,切换效果生动,且适应于移动终端当前的姿态,避免了由于简单的调整而导致的显示区域的浪费。

Description

界面布局切换方法、装置和移动终端
技术领域
本发明涉及终端技术领域,特别涉及一种界面布局切换方法、装置和移动终端。
背景技术
在基于移动平台的应用程序的开发过程中,应用程序界面一般是按照移动终端的竖屏方向设计的。当移动终端由竖屏切换为横屏时,操作系统根据重力传感器检测到移动终端的方向变化,进而在竖屏模式的基础上,通过对当前应用程序界面的显示元素进行简单地缩放,并对当前应用程序界面的布局进行简单地切换,以显示横屏模式下的应用程序界面。
在实现本发明的过程中,发明人发现至少存在以下问题:
当移动终端由竖屏切换为横屏时,仅是对显示元素和界面布局进行简单地调整,切换效果生硬,未考虑到用户在不同屏幕状态下的操作习惯,且易造成显示区域的浪费。
发明内容
为了解决切换效果生硬,未考虑到用户在不同屏幕状态下的操作习惯,且易造成显示区域的浪费的问题,本发明实施例提供了一种界面布局切换方法、装置和移动终端。所述技术方案如下:
第一方面,提供了一种界面布局切换方法,所述方法包括:
捕获移动终端的姿态变化;
当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示。
较佳的,当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,采用如下方式:
当所述第一姿态为竖屏状态、所述第二姿态为横屏状态时,加载横向布局文件;或,
当所述第一姿态为横屏状态、所述第二姿态为竖屏状态时,加载竖向布局文件。
较佳的,根据所述第二姿态对应的布局文件,对当前界面进行切换显示,采用如下方式:
获取指定显示对象的临时状态信息,所述指定显示对象为所述第一姿态下显示的显示对象;
根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示。
较佳的,所述第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和所述显示元素的参数信息,所述显示区域的参数信息至少包括所述显示区域的坐标信息和尺寸信息,所述显示元素的参数信息至少包括所述显示元素的坐标信息和尺寸信息,所述临时状态信息至少包括所述指定显示对象的坐标信息。
较佳的,根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示,采用如下方式:
根据所述显示元素的坐标信息和尺寸信息,显示所述显示元素;
根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象。
较佳的,根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象之后,所述方法还包括:
当检测到对第一显示元素的显示指令时,显示所述第一显示元素的显示对象,所述第一显示元素为任一显示元素;或,
当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,所述第二显示元素为所述第一显示元素之外的显示元素;或,
当在显示所述第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏所述第二显示元素,并显示所述任一显示对象的操作选项。
较佳的,当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素之后,所述方法还包括:
当检测到第三操作时,显示所述第二显示元素。
较佳的,所述第一操作为向上滑动操作,所述第二操作为长按操作,所述第三操作为向下滑动操作。
较佳的,所述操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
较佳的,根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象,采用如下方式:
对于图库,根据所述图库中图片的坐标信息,确定切换前居中图片,所述切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;
将所述切换前居中图片的坐标信息调整为指定坐标信息,所述指定坐标信息对应于切换后的显示区域的中间区域;
根据所述切换前居中图片的指定坐标信息,对所述切换前居中图片之外的其他图片的坐标信息进行调整;
根据调整后的坐标信息,显示所述图库中的图片,使得在切换显示后,所述切换前居中图片位于所述切换后的显示区域的中间区域,且所述图库中的图片适应切换后的屏幕方向。
较佳的,所述图库还包括图片缓冲区,所述图片缓冲区至少保存有图片的坐标信息,相应的,根据调整后的坐标信息,显示所述图库中的图片之后,所述方法还包括:
获取所述图片缓冲区已保存的图片的坐标信息;
根据切换后的显示区域,对所述图片缓冲区保存的坐标信息进行调整;
将调整后的坐标信息保存在所述图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
较佳的,所述横向布局文件包括一个活动容器Activity,所述一个Activity包括多个显示元素;所述竖向布局文件包括多个Activity,所述多个Activity与多个显示元素一一对应。
第二方面,提供了一种界面布局切换装置,所述装置包括:
变化捕获模块,用于捕获移动终端的姿态变化;
布局文件加载模块,用于当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;
显示模块,用于根据所述第二姿态对应的布局文件,对当前界面进行切换显示。
较佳的,所述布局文件加载模块包括:
第一加载单元,用于当所述第一姿态为竖屏状态、所述第二姿态为横屏状态时,加载横向布局文件;或,
第二加载单元,用于当所述第一姿态为横屏状态、所述第二姿态为竖屏状态时,加载竖向布局文件。
较佳的,所述显示模块包括:
临时状态获取单元,用于获取指定显示对象的临时状态信息,所述指定显示对象为所述第一姿态下显示的显示对象;
显示单元,用于根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示。
较佳的,所述第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和所述显示元素的参数信息,所述显示区域的参数信息至少包括所述显示区域的坐标信息和尺寸信息,所述显示元素的参数信息至少包括所述显示元素的坐标信息和尺寸信息,所述临时状态信息至少包括所述指定显示对象的坐标信息。
较佳的,所述显示单元包括:
元素显示子单元,用于根据所述显示元素的坐标信息和尺寸信息,显示所述显示元素;
临时状态调整子单元,用于根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象。
较佳的,所述装置还包括:
显示操作模块,用于当检测到对第一显示元素的显示指令时,显示所述第一显示元素的显示对象,所述第一显示元素为任一显示元素;或,
第一操作模块,用于当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,所述第二显示元素为所述第一显示元素之外的显示元素;或,
第二操作模块,用于当在显示所述第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏所述第二显示元素,并显示所述任一显示对象的操作选项。
较佳的,所述装置还包括:
第三操作模块,用于当检测到第三操作时,显示所述第二显示元素。
较佳的,所述第一操作为向上滑动操作,所述第二操作为长按操作,所述第三操作为向下滑动操作。
较佳的,所述操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
较佳的,所述临时状态调整子单元用于对于图库,根据所述图库中图片的坐标信息,确定切换前居中图片,所述切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;将所述切换前居中图片的坐标信息调整为指定坐标信息,所述指定坐标信息对应于切换后的显示区域的中间区域;根据所述切换前居中图片的指定坐标信息,对所述切换前居中图片之外的其他图片的坐标信息进行调整;根据调整后的坐标信息,显示所述图库中的图片,使得在切换显示后,所述切换前居中图片位于所述切换后的显示区域的中间区域,且所述图库中的图片适应切换后的屏幕方向。
较佳的,所述装置还包括:
缓冲区获取模块,用于获取所述图片缓冲区已保存的图片的坐标信息;
缓冲区调整模块,用于根据切换后的显示区域,对所述图片缓冲区保存的坐标信息进行调整;
保存模块,用于将调整后的坐标信息保存在所述图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
较佳的,所述横向布局文件包括一个活动容器Activity,所述一个Activity包括多个显示元素;所述竖向布局文件包括多个Activity,所述多个Activity与多个显示元素一一对应。
第三方面,提供了一种移动终端,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
捕获移动终端的姿态变化;
当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示。
本发明实施例提供的技术方案带来的有益效果是:
本发明实施例提供的方法、装置和移动终端,通过在该移动终端的从第一姿态变化为第二姿态时,加载该第二姿态对应的布局文件,以对当前界面进行切换显示。加载该移动终端当前姿态对应的布局文件,能够实现灵活的切换显示,切换效果生动,且适应于移动终端当前的姿态,避免了由于简单的调整而导致的显示区域的浪费。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种界面布局切换方法的流程图;
图2a是本发明实施例提供的竖向显示示意图;
图2b是本发明实施例提供的横向显示示意图;
图2c是本发明实施例提供的竖向显示示意图;
图2d是本发明实施例提供的竖向显示示意图;
图3是本发明实施例提供的一种界面布局切换方法的流程图;
图4是本发明实施例提供的一种界面布局切换装置结构示意图;
图5是本发明实施例提供的一种移动终端结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1是本发明实施例提供的一种界面布局切换方法的流程图。该发明实施例的执行主体为移动终端,参见图1,所述方法包括:
101:捕获移动终端的姿态变化;
随着用户在使用移动终端过程中,手握移动终端或者放置移动终端的状态发生变化时,会引起移动终端的姿态变化,而当配置于移动终端的传感器输出的传感器信息发生变化时,可以捕获到移动终端的姿态变化。
在本发明实施例中,该移动终端配置有传感器,如磁场传感器、陀螺仪传感器、六轴朝向传感器或九轴旋转矢量传感器等。
102:当该移动终端从第一姿态变化为第二姿态时,加载与该第二姿态对应的布局文件,该第一姿态对应的布局文件与该第二姿态对应的布局文件中对界面的显示元素的规定不同;
其中,布局文件中可以对显示元素的参数信息进行规定,参数信息可以包括显示元素的位置坐标、大小等。在本发明实施例中,该移动终端的姿态不同,所加载的布局文件也不同,而不同的布局文件规定的显示元素的参数信息不同,进而使得在显示界面时的布局也不同。
具体地,当根据重力传感器确定该移动终端从该第一姿态变化为该第二姿态时,该移动终端加载与该第二姿态对应的布局文件,以便根据该第二姿态对应的布局文件进行显示。
103:根据该第二姿态对应的布局文件,对当前界面进行切换显示。
具体地,该移动终端根据该第二姿态对应的布局文件,将在该第一姿态下显示的当前界面重新布局,并在第二姿态下,根据重新布局后的界面进行显示。
本发明实施例提供的方法,通过在该移动终端的从第一姿态变化为第二姿态时,加载该第二姿态对应的布局文件,以对当前界面进行切换显示。加载该移动终端当前姿态对应的布局文件,能够实现灵活的切换显示,切换效果生动,且适应于移动终端当前的姿态,避免了由于简单的调整而导致的显示区域的浪费。
较佳的,在图1所示实施例技术方案的基础上,步骤102“当该移动终端从第一姿态变化为第二姿态时,加载与该第二姿态对应的布局文件”采用如下方式1021或1022中的任一项:
1021:当该第一姿态为竖屏状态、该第二姿态为横屏状态时,加载横向布局文件;
1022:当该第一姿态为横屏状态、该第二姿态为竖屏状态时,加载竖向布局文件。
在本发明实施例中,对于系统应用或是应用程序来说,移动终端配备有至少两套布局文件,该至少两套布局文件包括横向布局文件和竖向布局文件,该横向布局文件对应于该移动终端的横屏状态,而竖向布局文件对应于该移动终端的竖屏状态。
下面将对如何判断移动终端的当前姿态进行说明。
首先以通过陀螺仪传感器判断移动终端的当前姿态进行说明:
优选地,通过陀螺仪传感器记录的在X、Y轴的两个方向的重力加速度分量来表示移动终端在三维空间中的姿态。
其中,当移动终端水平放置时,沿移动终端的水平向右的方向为X方向,沿移动终端的水平向前的方向为Y方向,且X方向和Y方向在水平面上垂直。
在本发明实施例中,定义移动终端的姿态包括四种:正向竖屏状态、左侧横屏状态、倒向竖屏状态和右侧横屏状态。
以获取到的移动终端在X和Y方向的重力加速度分量分别为X0、Y0为例进行说明获取移动终端的初始姿态的方法:
当X0>P时,认定移动终端的姿态为左侧横屏状态;
当X0<-P时,认定移动终端的姿态为右侧横屏状态;
当Y0>P时,认定移动终端的姿态为正向竖屏状态;
当Y0<-P时,认定移动终端的姿态为倒向竖屏状态。
其中,P的取值可根据经验设定,或根据判断精度的要求进行设定,例如在本实施例中可以为5m/s^2。
下面以通过方向传感器判断移动终端的当前姿态进行说明:
方向传感器是在加速度传感器上封装实现的,封装以后它可以传回一个角度值rotation,通过rotation即可判断移动终端的初始姿态:
a)当满足rotation>=0&&rotation<45||rotation>=315&&rotation<360时,移动终端的姿态为正向竖屏状态;
b)当满足rotation>=45&&rotation<135时,移动终端的姿态为右侧横屏状态;
c)当满足rotation>=135&&rotation<225时,移动终端的姿态为倒向竖屏状态;
d)当满足rotation>=225&&rotation<315时,移动终端的姿态为左侧横屏状态。
其中,移动终端的各个姿态时rotation的取值范围可以根据经验设定,或根据判断精度的要求设定,本发明实施例对此不做限定。
在本发明实施例中,该移动终端的姿态为左侧横屏状态或右侧横屏状态时,认为该移动终端处于横屏状态,该移动终端的姿态为正向竖屏状态或倒向竖屏状态时,认为该移动终端处于竖屏状态。在根据对应的布局文件进行布局时,可以根据该移动终端的正向、倒向、左向、右向选择合适的方向进行显示,以避免出现反向的显示界面。
在本发明实施例中,基于上述的移动终端当前姿态的判断方法,步骤102具体包括下述(1)或(2)中的任一项以及(3):
(1)该移动终端通过陀螺仪传感器获取该移动终端在X、Y轴的两个方向的重力加速度分量,根据获取到的重力加速度分量,确定该移动终端的第一姿态和第二姿态;
(2)该移动终端通过方向传感器获取该移动终端的角度值,根据获取到的角度值,确定该移动终端的第一姿态和第二姿态;
(3)当该第一姿态为竖屏状态、该第二姿态为横屏状态时,加载横向布局文件;当该第一姿态为横屏状态、该第二姿态为竖屏状态时,加载竖向布局文件。
本发明实施例中,在检测到该移动终端由竖屏状态切换为横屏状态时,加载横向布局文件,在检测到该移动终端由横屏状态切换为竖屏状态时,加载竖向布局文件。加载与该移动终端的当前姿态对应的布局文件,能够实现当前界面灵活的切换显示,且切换显示的效果适应于当前的屏幕方向。
较佳的,该横向布局文件包括一个活动容器Activity,该一个Activity包括多个显示元素;该竖向布局文件包括多个Activity,该多个Activity与多个显示元素一一对应。
较佳的,在图1所示实施例技术方案的基础上,步骤103“根据该第二姿态对应的布局文件,对当前界面进行切换显示”采用如下方式1031和1032:
1031:获取指定显示对象的临时状态信息,该指定显示对象为该第一姿态下显示的显示对象;
具体地,该移动终端获取该第一姿态下的指定显示对象,并获取该指定显示对象的临时状态信息。
其中,该显示对象可以为显示在该移动终端上的文字、图片、按键、缩略图或网页链接等,该指定显示对象可以为在该移动终端的姿态变化之前,即在该第一姿态下显示的文字、图片或按键等一个或多个对象,本发明实施例对此不做限定。
较佳的,该指定显示对象的临时状态信息至少包括该指定显示对象的坐标信息,用于指示该指定显示对象在该第一姿态下的显示位置。其中,该指定显示对象的坐标信息可以用于指示该指定显示对象的左上角的显示位置,还可以用于指示该指定显示对象的中心点的显示位置,本发明实施例对此不做限定。该指定显示对象的坐标信息可以是以该移动终端的左上角为坐标系零点所确定的坐标,还可以为以该移动终端的中心点为坐标系零点所确定的坐标,本发明实施例对此也不做限定。
此外,该临时状态信息还可以包括该指定显示对象的尺寸信息、对象信息、分辨率信息等。其中,该尺寸信息用于指示该指定显示对象的显示尺寸,该对象信息用于指示该指定显示对象的实体存储位置,该分辨率信息用于指示该指定显示对象中的图片的分辨率。本发明实施例对该临时状态信息的具体内容不做限定。
需要说明的是,该指定显示对象的获取过程可以在检测到该移动终端从该第一姿态变化为该第二姿态时,与加载该第二姿态对应的布局文件过程同时进行,还可以在加载该第二姿态对应的布局文件过程结束后进行,本发明实施例对此不做限定。
1032:根据该第二姿态对应的布局文件和该临时状态信息,对当前界面进行切换显示。
具体地,该移动终端根据该临时状态信息,将该指定显示对象基于该第二姿态对应的布局文件重新显示,以适应于该第二姿态。
需要说明的是,对于第一姿态对应的布局文件和第二姿态对应的布局文件来说,其显示元素可以不同,显示对象也可以不同,也即是,在第二姿态对应的布局文件中,第一姿态对应的布局文件中的几个显示元素可以合成为一个显示元素进行显示,当然,不同的布局文件的显示元素也可以是一一对应的关系,本发明实施例对此不作具体限定。
较佳的,在图1所示实施例技术方案的基础上,该第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和该显示元素的参数信息,该显示区域的参数信息至少包括该显示区域的坐标信息和尺寸信息,该显示元素的参数信息至少包括该显示元素的坐标信息和尺寸信息。
其中,该显示区域是指该第二姿态对应的布局文件所规定的在该第二姿态下的显示区域,该显示区域可以用于显示任一显示对象。该显示元素是指该第二姿态对应的布局文件所规定的在该第二姿态下应显示的元素,可以为按键、标记等,本发明实施例对此不做限定。
与该指定显示对象的坐标信息类似,本发明实施例对该显示区域的坐标信息和该显示元素的坐标信息所指示显示位置的对象和坐标零点也不做限定。优选地,该指定显示对象的坐标信息、该显示区域的坐标信息和该显示元素的坐标信息处于同一坐标系中。
其中,该显示区域的尺寸信息可以包括该显示区域的长度和宽度,还可以包括该显示区域的轮廓信息,本发明实施例对此不做限定。该显示元素的尺寸信息与此类似,在此不再赘述。
较佳的,在图1所示实施例技术方案的基础上,步骤1032“根据该第二姿态对应的布局文件和该临时状态信息,对当前界面进行切换显示”采用如下方式1032-1和1032-2:
1032-1:根据该显示元素的坐标信息和尺寸信息,显示该显示元素;
具体地,该移动终端根据该第二姿态对应的布局文件所规定的该显示元素的坐标信息,确定在该第二姿态下该显示元素的显示位置,并根据该显示元素的尺寸信息,在该显示位置处显示该显示元素。
1032-2:根据该显示区域的参数信息,对该指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示该指定显示对象。
具体地,该移动终端根据该第二姿态对应的布局文件所规定的该显示区域的坐标信息和尺寸信息,对该指定显示对象的坐标信息进行调整,根据该调整后的坐标信息,在该显示区域内显示该指定显示对象,使得该指定显示对象适应于该第二姿态。
进一步地,该指定显示对象的临时状态信息还可以包括尺寸信息。相应的,该步骤1032-2具体包括:该移动终端根据该第二姿态对应的布局文件所规定的该显示区域的坐标信息和尺寸信息,对该指定显示对象的坐标信息进行调整,并对该指定显示对象的尺寸信息进行调整,根据调整后的尺寸信息对该指定显示对象进行相应的缩小或放大;根据调整后的坐标信息,在该显示区域内显示该缩小或放大后的指定显示对象,使得该指定显示对象适应于该第二姿态。
图2a是本发明实施例提供的竖向显示示意图,图2b是本发明实施例提供的横向显示示意图。以显示该移动终端的图库,显示区域为该移动终端的整个显示屏幕为例,该第一姿态下的显示界面如图2a所示,该第二姿态下的显示界面如图2b所示。参见图2a,显示元素包括“XX张相机图片”、“手机图片”和“云相册”,该指定显示对象为“XX张相机图片”中的图片。当检测到该移动终端从该第一姿态变化为该第二姿态时,加载该第二姿态对应的布局文件,该第二姿态对应的布局文件包括显示元素“XX张相机图片”、“手机图片”和“云相册”以及显示元素相应的坐标信息和尺寸信息,根据该移动终端屏幕的坐标信息和尺寸信息以及显示元素的坐标信息和尺寸信息,对图片的坐标信息和尺寸信息进行调整,根据显示元素的坐标信息和尺寸信息显示上述显示元素,根据调整后的图片的坐标信息和尺寸信息显示图片,显示示意图如2b所示。
结合图2a和图2b可知,在该移动终端的姿态变化时,显示元素的显示位置发生了变化,显示的图片的尺寸信息也发生了变化,使得切换后显示的当前界面更适应于该第二姿态,避免了显示区域的浪费。
较佳的,在图1所示实施例技术方案的基础上,步骤1032-2“根据该显示区域的参数信息,对该指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示该指定显示对象”之后,所述方法还包括下述(4)、(5)或(6)中的任一项:
(4)当检测到对第一显示元素的显示指令时,显示该第一显示元素的显示对象,该第一显示元素为任一显示元素;
在本发明实施例中,该显示元素可以为按键、缩略图或网页链接等具有链接关系的显示元素,该显示元素的链接对象即为该显示元素的显示对象,则当检测到对该第一显示元素的显示指令时,该移动终端显示该第一显示元素的显示对象。
如,通过触发对按键的显示指令,可以显示该按键对应的功能选项或该按键对应的界面,通过触发对缩略图的显示指令,可以显示该缩略图对应的图片,通过触发对网页链接的显示指令,可以显示该网页链接对应的网页。如图2a所示,当检测到对显示元素“云相册”的单击操作时,显示云相册中的图片。
该显示指令的触发方式可以由该第二姿态对应的布局文件所规定的交互逻辑确定,对于第一姿态对应的布局文件和第二姿态对应的布局文件来说,相同的显示元素对应的交互逻辑可以相同,还可以不同,也即是,在加载了第一姿态对应的布局文件的界面上,第一显示元素的显示指令可以由对该第一显示元素的单击操作触发,而对于加载了第二姿态对应的布局文件的界面上,该第一显示元素的显示指令可以由对该第一显示元素的双击操作触发,本发明实施例对此不做限定。
(5)当在显示该第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,该第二显示元素为该第一显示元素之外的显示元素;
为了最大化地利用该显示区域,该移动终端在显示该第一显示元素的显示对象的情况下检测到该第一操作时,隐藏该第一显示元素之外的其他显示元素,以便充分利用该显示区域显示该第一显示元素的显示对象。
优选地,该第一操作为向上滑动操作。具体地,当该移动终端在显示该第一显示元素的显示对象时检测到向上滑动操作时,隐藏该第一显示元素之外的其他显示元素。对于加载竖向布局文件来说,可以清除该第一显示元素之外的其他显示元素对应的Activity,以隐藏该第一显示元素之外的其他显示元素。
参见图2c,当该移动终端检测到向上滑动操作时,隐藏显示元素“手机图片”和“云相册”,以便充分利用该显示区域显示“280张手机图片”中的图片。
(6)当在显示该第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏该第二显示元素,并显示该任一显示对象的操作选项。
其中,该第二操作用于显示该显示对象的操作选项。而在本发明实施例中,为了避免该显示对象的操作选项与该第二显示元素之间造成干扰,该移动终端在显示该第一显示元素的显示对象时检测到对任一显示对象的第二操作时,隐藏该第二显示元素,再显示该操作选项。
优选地,该第二操作为长按操作。进一步地,该操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
参见图2d,当该移动终端检测到对任一图片的长按操作时,隐藏显示元素“手机图片”和“云相册”,显示该图片的“发送”选项、“加到手机图片”选项和“删除”选项。
较佳的,在上述(5)之后,所述方法还包括:当检测到第三操作时,显示该第二显示元素。
在上述(5)中隐藏该第二显示元素之后,当该移动终端检测到该第三操作时,重新显示该第二显示元素。优选地,该第三操作为向下滑动操作。
在本发明实施例中,当该移动终端检测到向上滑动操作时,可以认为用户需要继续浏览该第一显示元素的显示对象,则隐藏该第二显示元素,当该移动终端检测到向下滑动操作时,可以认为用户对该第一显示元素的浏览结束,可能会需要显示该第二显示元素,则显示该第二显示元素,以供用户对该第二显示元素进行操作。通过综合考虑用户对于显示该第二显示元素和隐藏该第二显示元素的需求,提供了显示该第二显示元素和隐藏该第二显示元素的交互逻辑,简化了操作,优化了用户体验。
进一步地,根据该第二姿态对应的布局文件,确定显示元素的交互逻辑,避免了由于多种交互手势造成对显示元素的干扰。
较佳的,在图1所示实施例技术方案的基础上,步骤1032-2“根据该显示区域的参数信息,对该指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示该指定显示对象”采用如下方式(7)、(8)、(9)和(10):
(7)对于图库,根据该图库中图片的坐标信息,确定切换前居中图片,该切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;
具体地,该移动终端获取在该第一姿态下该图库中各个图片的坐标信息,根据该移动终端在该第一姿态下的显示区域的坐标信息、尺寸信息以及该各个图片的坐标信息,确定该切换前居中图片。其中,该切换前居中图片的坐标信息对应于该第一姿态下的显示区域的中间区域。
进一步地,当该第一姿态下的显示区域的中间区域对应该图库中的多个完整图片或部分图片时,可以选择任一图片作为该切换前居中图片,也即是,根据该各个图片的坐标信息,从对应于该第一姿态下的显示区域的中间区域的多个图片中选择任一图片,将该选择的图片确定为该切换前居中图片。
在本发明实施例中,该移动终端可以按照预设尺寸确定该第一姿态下的显示区域的中间区域,该预设尺寸可以由技术人员预先设定,本发明实施例对此不做限定。
参见图2a,该移动终端根据在该第一姿态下,该图库中图片的坐标信息,以及该移动终端的显示屏幕的尺寸信息,将“图片A”确定为该切换前居中图片。
(8)将该切换前居中图片的坐标信息调整为指定坐标信息,该指定坐标信息对应于切换后的显示区域的中间区域;
具体地,该移动终端获取该切换后的显示区域的坐标信息和尺寸信息,并根据该预设尺寸,确定该切换后的显示区域的中间区域的坐标信息和尺寸信息;根据该切换后的显示区域的中间区域的坐标信息和尺寸信息,将该切换前居中图片的坐标信息调整为该指定坐标信息,该指定坐标信息对应与该切换后的显示区域的中间区域,使得在后续显示当前界面时,该切换前居中图片能够在该切换后的显示区域的中间区域显示。
参见图2b,确定该切换后的显示区域的中间区域,将“图片A”的坐标信息调整为与该切换后的显示区域的中间区域对应的指定坐标信息,使得“图片A”在切换后显示时,可以处于该切换后显示区域的中间区域。
(9)根据该切换前居中图片的指定坐标信息,对该切换前居中图片之外的其他图片的坐标信息进行调整;
具体地,该移动终端在确定该切换前居中图片的指定坐标信息后,可以根据该切换前居中图片的指定坐标信息以及该切换后的显示区域的尺寸信息,对该图库中在该切换前居中图片之前的图片和在该切换前居中图片之后的图片的坐标信息分别进行调整,使得该图库中的图片可以适应于切换后的显示界面。
在本发明实施例中,还可以根据该切换后的显示区域的尺寸信息,对该图库中图片的尺寸信息进行调整,在清晰显示图片的同时,避免显示区域的浪费。
参见图2b,若按照切换前的图片的尺寸,则该移动终端一行可以显示4张图片,同时造成显示区域右侧空白。该移动终端对该图库中的图片进行了适当的缩小,使得该移动终端的一行可以完整的显示5张图片,避免了显示区域的浪费。
(10)根据调整后的坐标信息,显示该图库中的图片,使得在切换显示后,该切换前居中图片位于该切换后的显示区域的中间区域,且该图库中的图片适应切换后的屏幕方向。
其中,在该移动终端的姿态变化时,可以通过旋转该图库中的图片,调整图片的方向,使得该图库中图片能够适应于切换后该移动终端的显示屏幕的方向。
参见图2b,在切换前居中的“图片A”,在切换后仍然居中,且该图库中图片的方向发生了变化,适应于当前的屏幕方向。
在本发明实施例中,该移动终端根据调整后的图片的坐标信息进行图片显示,使得在切换显示之前居中的图片在切换显示之后仍然居中,避免了用户手动跳转至切换前图片的显示位置,简化了用户的操作,优化了用户体验。
较佳的,在图1所示实施例技术方案的基础上,该图库还包括图片缓冲区,该图片缓冲区至少保存有图片的坐标信息,相应的,上述步骤(10)“根据调整后的坐标信息,显示该图库中的图片”之后,所述方法还包括(11)、(12)和(13):
(11)获取该图片缓冲区已保存的图片的坐标信息;
其中,该图片缓冲区中还可以保存图片解码后的显示数据,图片来源等信息,本发明实施例对此不做限定。
在本发明实施例中,为了提高移动终端的运行速度,当需要加载一张图片时,遍历该图片缓冲区,当该图片缓冲区中保存有待加载的图片时,显示该图片,当该图片缓冲区中未保存该待加载的图片时,获取该待加载的图片的原图片,将该原图片解码,并将解码后的显示数据保存在该图片缓冲区中,然后再显示该图片。在该移动终端的姿态变化时,由于图片显示的位置也发生了变化,需要对该图片缓冲区中的图片的坐标信息进行调整。
进一步地,在该图片缓冲区中保存有多张图片时,可以对图片进行排序,并保存每张图片与该图片缓冲区中的第一张图片的距离间隔,以便根据该第一张图片的坐标信息,确定该图片缓冲区中每张图片的坐标信息。本发明实施例对每张图片的坐标信息的确定方式不做限定。
(12)根据切换后的显示区域,对该图片缓冲区保存的坐标信息进行调整;
(13)将调整后的坐标信息保存在该图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
在本发明实施例中,上述(11)、(12)和(13)具体包括:该移动终端获取该图片缓冲区已保存的图片的坐标信息,根据该切换后的显示区域的坐标信息和尺寸信息,确定该图片缓冲区已保存的图片在显示时的显示位置,根据确定的显示位置,对该图片缓冲区已保存的图片的坐标信息进行调整,将调整后的坐标信息保存在该图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
其中,该移动终端可以确定该图片缓冲区已保存的该第一张图片在显示时的显示位置,根据确定的显示位置,对该第一张图片的坐标信息进行调整,进而根据该切换后的显示区域的尺寸信息和该第一张图片调整后的坐标信息,对该图片缓冲区已保存的每张图片的坐标信息进行调整,本发明实施例对坐标信息具体的调整方式不做限定。
在本发明实施例中,通过对该图片缓冲区已保存的图片坐标信息进行调整,便于在加载图片后根据调整后的坐标信息进行显示,提供了该移动终端的运行速度。
本发明实施例提供的方法,通过在该移动终端的从第一姿态变化为第二姿态时,加载该第二姿态对应的布局文件,以对当前界面进行切换显示。加载该移动终端当前姿态对应的布局文件,能够实现灵活的切换显示,切换效果生动,且适应于移动终端当前的姿态,避免了由于简单的调整而导致的显示区域的浪费。通过综合考虑用户的需求,提供了多种交互逻辑,避免了由于多种交互手势造成对显示元素的干扰,且通过调整图片的坐标信息,使得在切换显示之前居中的图片在切换显示之后仍然居中,避免了用户手动跳转至切换前图片的显示位置,简化了用户的操作,优化了用户体验,且提高了运行速度。
上述所有可选技术方案,可以采用任意结合形成本发明的可选实施例,在此不再一一赘述。
图3是本发明实施例提供的一种界面布局切换方法的流程图。该发明实施例的执行主体为移动终端,并以当前移动终端所打开的应用为图库为例进行说明,参见图3,所述方法包括:
301:该移动终端捕获本端的姿态变化;
302:当确定该移动终端由垂直于水平面变化为平行于该水平面时,该移动终端加载横向布局文件;
该横向布局文件为图库的横向布局文件。本发明实施例以该移动终端由竖屏状态切换为横屏状态为例进行说明。其中,该横向布局文件包括在该移动终端处于横屏状态时的显示区域、显示区域的参数信息、显示元素和该显示元素的参数信息。
需要说明的是,对于不同的应用,可以对应于不同的布局文件,本发明实施例对此不做限定。
303:该移动终端获取指定显示对象的临时状态信息,该指定显示对象为该移动终端在处于竖屏状态时显示的显示对象;
304:该移动终端根据该显示元素的坐标信息和尺寸信息,显示该显示元素;
305:该移动终端根据该图库中图片的坐标信息,确定切换前居中图片,该切换前居中图片的坐标信息对应于该移动终端处于竖屏状态时的显示区域的中间区域;
306:该移动终端将该切换前居中图片的坐标信息调整为指定坐标信息,该指定坐标信息对应于该移动终端处于横屏状态时的显示区域的中间区域;
307:该移动终端根据该切换前居中图片的指定坐标信息,对该切换前居中图片之外的其他图片的坐标信息进行调整;
308:该移动终端根据调整后的坐标信息,显示该图库中的图片,使得在切换显示后,该切换前居中图片位于该移动终端处于横屏状态时的显示区域的中间区域,且该图库中的图片适应该移动终端的横屏方向;
309:当该移动终端检测到对第一显示元素的显示指令时,显示该第一显示元素的显示对象,该第一显示元素为任一显示元素;
310:当在显示该第一显示元素的显示对象时检测到向上滑动操作,隐藏第二显示元素,该第二显示元素为该第一显示元素之外的显示元素,执行步骤311;
311:当该移动终端检测到向下滑动操作时,显示该第二显示元素;
312:当该移动终端在显示该第一显示元素的显示对象时检测到对任一显示对象的长按操作,隐藏该第二显示元素,并显示该任一显示对象的操作选项。
本发明实施例提供的方法,通过在该移动终端的从第一姿态变化为第二姿态时,加载该第二姿态对应的布局文件,以对当前界面进行切换显示。加载该移动终端当前姿态对应的布局文件,能够实现灵活的切换显示,切换效果生动,且适应于移动终端当前的姿态,避免了由于简单的调整而导致的显示区域的浪费。通过综合考虑用户的需求,提供了多种交互逻辑,避免了由于多种交互手势造成对显示元素的干扰,且通过调整图片的坐标信息,使得在切换显示之前居中的图片在切换显示之后仍然居中,避免了用户手动跳转至切换前图片的显示位置,简化了用户的操作,优化了用户体验。
图4是本发明实施例提供的一种界面布局切换装置结构示意图,参见图4,所述装置包括:变化捕获模块401、布局文件加载模块402、显示模块403,
其中,变化捕获模块401用于捕获移动终端的姿态变化;布局文件加载模块402与变化捕获模块401连接,用于当该移动终端从第一姿态变化为第二姿态时,加载与该第二姿态对应的布局文件,该第一姿态对应的布局文件与该第二姿态对应的布局文件中对界面的显示元素的规定不同;显示模块403与布局文件加载模块402连接,用于根据该第二姿态对应的布局文件,对当前界面进行切换显示。
较佳的,该布局文件加载模块402包括:
第一加载单元,用于当该第一姿态为竖屏状态、该第二姿态为横屏状态时,加载横向布局文件;或,
第二加载单元,用于当该第一姿态为横屏状态、该第二姿态为竖屏状态时,加载竖向布局文件。
较佳的,该显示模块403包括:
临时状态获取单元,用于获取指定显示对象的临时状态信息,该指定显示对象为该第一姿态下显示的显示对象;
显示单元,用于根据该第二姿态对应的布局文件和该临时状态信息,对当前界面进行切换显示。
较佳的,该第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和该显示元素的参数信息,该显示区域的参数信息至少包括该显示区域的坐标信息和尺寸信息,该显示元素的参数信息至少包括该显示元素的坐标信息和尺寸信息,该临时状态信息至少包括该指定显示对象的坐标信息。
较佳的,该显示单元包括:
元素显示子单元,用于根据该显示元素的坐标信息和尺寸信息,显示该显示元素;
临时状态调整子单元,用于根据该显示区域的参数信息,对该指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示该指定显示对象。
较佳的,该装置还包括:
显示操作模块,用于当检测到对第一显示元素的显示指令时,显示该第一显示元素的显示对象,该第一显示元素为任一显示元素;或,
第一操作模块,用于当在显示该第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,该第二显示元素为该第一显示元素之外的显示元素;或,
第二操作模块,用于当在显示该第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏该第二显示元素,并显示该任一显示对象的操作选项。
较佳的,该装置还包括:
第三操作模块,用于当检测到第三操作时,显示该第二显示元素。
较佳的,该第一操作为向上滑动操作,该第二操作为长按操作,该第三操作为向下滑动操作。
较佳的,该操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
较佳的,该临时状态调整子单元用于对于图库,根据该图库中图片的坐标信息,确定切换前居中图片,该切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;将该切换前居中图片的坐标信息调整为指定坐标信息,该指定坐标信息对应于切换后的显示区域的中间区域;根据该切换前居中图片的指定坐标信息,对该切换前居中图片之外的其他图片的坐标信息进行调整;根据调整后的坐标信息,显示该图库中的图片,使得在切换显示后,该切换前居中图片位于该切换后的显示区域的中间区域,且该图库中的图片适应切换后的屏幕方向。
较佳的,该装置还包括:
缓冲区获取模块,用于获取该图片缓冲区已保存的图片的坐标信息;
缓冲区调整模块,用于根据切换后的显示区域,对该图片缓冲区保存的坐标信息进行调整;
保存模块,用于将调整后的坐标信息保存在该图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
较佳的,该横向布局文件包括一个活动容器Activity,该一个Activity包括多个显示元素;该竖向布局文件包括多个Activity,该多个Activity与多个显示元素一一对应。
需要说明的是:上述实施例提供的界面布局切换装置在界面布局切换时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将移动终端的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的界面布局切换装置与界面布局切换方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图5是本发明实施例提供的一种移动终端的结构示意图,参见图5,该移动终端可以用于实施上述实施例中提供的界面布局切换方法。具体来讲:
移动终端500可以包括射频电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图5中示出的移动终端结构并不构成对移动终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
射频电路110可用于收发信息或通话过程中,信号的接收和发送。特别地,射频电路110将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,作为通信单元的射频电路包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low NoiseAmplifier,低噪声放大器)、双工器等。此外,射频电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(GlobalSystem of Mobile communication,全球移动通讯系统)、GPRS(General Packet RadioService,通用分组无线服务)、CDMA(Code Division Multiple Access,码分多址)、WCDMA(Wideband Code Division Multiple Access,宽带码分多址)、LTE(Long TermEvolution,长期演进)、电子邮件、SMS(Short Messaging Service,短消息服务)等。存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据移动终端500的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。较佳的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。具体地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及移动终端500的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,较佳的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图5中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
移动终端500还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在移动终端500移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于移动终端500还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与移动终端500之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一移动终端,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与移动终端500的通信。
为了实现无线通信,该移动终端上可以配置有WiFi模块170。WiFi属于短距离无线传输技术,移动终端500通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图5示出了WiFi模块170,但是可以理解的是,其并不属于移动终端500的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是移动终端500的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行移动终端500的各种功能和处理数据,从而对手机进行整体监控。较佳的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
移动终端500还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,移动终端500还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,移动终端的显示单元是触摸屏显示器,移动终端还包括有存储器,所述存储器还包括一个或者一个以上的程序,且经配置以由一个或者一个以上处理器180执行所述一个或者一个以上程序包含用于执行图1和图3所示实施例所提供的界面布局切换方法。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (24)

1.一种界面布局切换方法,其特征在于,所述方法包括:
捕获移动终端的姿态变化;
当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示,采用如下方式:
获取指定显示对象的临时状态信息,所述指定显示对象为所述第一姿态下显示的显示对象;
根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示。
2.根据权利要求1所述的方法,其特征在于,当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,采用如下方式:
当所述第一姿态为竖屏状态、所述第二姿态为横屏状态时,加载横向布局文件;或,
当所述第一姿态为横屏状态、所述第二姿态为竖屏状态时,加载竖向布局文件。
3.根据权利要求1所述的方法,其特征在于,所述第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和所述显示元素的参数信息,所述显示区域的参数信息至少包括所述显示区域的坐标信息和尺寸信息,所述显示元素的参数信息至少包括所述显示元素的坐标信息和尺寸信息,所述临时状态信息至少包括所述指定显示对象的坐标信息。
4.根据权利要求3所述的方法,其特征在于,根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示,采用如下方式:
根据所述显示元素的坐标信息和尺寸信息,显示所述显示元素;
根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象。
5.根据权利要求4所述的方法,其特征在于,根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象之后,所述方法还包括:
当检测到对第一显示元素的显示指令时,显示所述第一显示元素的显示对象,所述第一显示元素为任一显示元素;或,
当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,所述第二显示元素为所述第一显示元素之外的显示元素;或,
当在显示所述第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏所述第二显示元素,并显示所述任一显示对象的操作选项。
6.根据权利要求5所述的方法,其特征在于,当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素之后,所述方法还包括:
当检测到第三操作时,显示所述第二显示元素。
7.根据权利要求6所述的方法,其特征在于,所述第一操作为向上滑动操作,所述第二操作为长按操作,所述第三操作为向下滑动操作。
8.根据权利要求5所述的方法,其特征在于,所述操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
9.根据权利要求4所述的方法,其特征在于,根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象,采用如下方式:
对于图库,根据所述图库中图片的坐标信息,确定切换前居中图片,所述切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;
将所述切换前居中图片的坐标信息调整为指定坐标信息,所述指定坐标信息对应于切换后的显示区域的中间区域;
根据所述切换前居中图片的指定坐标信息,对所述切换前居中图片之外的其他图片的坐标信息进行调整;
根据调整后的坐标信息,显示所述图库中的图片,使得在切换显示后,所述切换前居中图片位于所述切换后的显示区域的中间区域,且所述图库中的图片适应切换后的屏幕方向。
10.根据权利要求9所述的方法,其特征在于,所述图库还包括图片缓冲区,所述图片缓冲区至少保存有图片的坐标信息,相应的,根据调整后的坐标信息,显示所述图库中的图片之后,所述方法还包括:
获取所述图片缓冲区已保存的图片的坐标信息;
根据切换后的显示区域,对所述图片缓冲区保存的坐标信息进行调整;
将调整后的坐标信息保存在所述图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
11.根据权利要求2所述的方法,其特征在于,所述横向布局文件包括一个活动容器Activity,所述一个Activity包括多个显示元素;所述竖向布局文件包括多个Activity,所述多个Activity与多个显示元素一一对应。
12.一种界面布局切换装置,其特征在于,所述装置包括:
变化捕获模块,用于捕获移动终端的姿态变化;
布局文件加载模块,用于当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件,所述第一姿态对应的布局文件与所述第二姿态对应的布局文件中对界面的显示元素的规定不同;
显示模块,用于根据所述第二姿态对应的布局文件,对当前界面进行切换显示;
所述显示模块包括:
临时状态获取单元,用于获取指定显示对象的临时状态信息,所述指定显示对象为所述第一姿态下显示的显示对象;
显示单元,用于根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示。
13.根据权利要求12所述的装置,其特征在于,所述布局文件加载模块包括:
第一加载单元,用于当所述第一姿态为竖屏状态、所述第二姿态为横屏状态时,加载横向布局文件;或,
第二加载单元,用于当所述第一姿态为横屏状态、所述第二姿态为竖屏状态时,加载竖向布局文件。
14.根据权利要求12所述的装置,其特征在于,所述第二姿态对应的布局文件包括显示区域、显示区域的参数信息、显示元素和所述显示元素的参数信息,所述显示区域的参数信息至少包括所述显示区域的坐标信息和尺寸信息,所述显示元素的参数信息至少包括所述显示元素的坐标信息和尺寸信息,所述临时状态信息至少包括所述指定显示对象的坐标信息。
15.根据权利要求14所述的装置,其特征在于,所述显示单元包括:
元素显示子单元,用于根据所述显示元素的坐标信息和尺寸信息,显示所述显示元素;
临时状态调整子单元,用于根据所述显示区域的参数信息,对所述指定显示对象的临时状态信息进行调整,并根据调整后的临时状态信息显示所述指定显示对象。
16.根据权利要求15所述的装置,其特征在于,所述装置还包括:
显示操作模块,用于当检测到对第一显示元素的显示指令时,显示所述第一显示元素的显示对象,所述第一显示元素为任一显示元素;或,
第一操作模块,用于当在显示所述第一显示元素的显示对象时检测到第一操作,隐藏第二显示元素,所述第二显示元素为所述第一显示元素之外的显示元素;或,
第二操作模块,用于当在显示所述第一显示元素的显示对象时检测到对任一显示对象的第二操作,隐藏所述第二显示元素,并显示所述任一显示对象的操作选项。
17.根据权利要求16所述的装置,其特征在于,所述装置还包括:
第三操作模块,用于当检测到第三操作时,显示所述第二显示元素。
18.根据权利要求17所述的装置,其特征在于,所述第一操作为向上滑动操作,所述第二操作为长按操作,所述第三操作为向下滑动操作。
19.根据权利要求16所述的装置,其特征在于,所述操作选项至少包括发送选项、加入相册选项和删除选项中的一项或多项。
20.根据权利要求15所述的装置,其特征在于,所述临时状态调整子单元用于对于图库,根据所述图库中图片的坐标信息,确定切换前居中图片,所述切换前居中图片的坐标信息对应于切换前的显示区域的中间区域;将所述切换前居中图片的坐标信息调整为指定坐标信息,所述指定坐标信息对应于切换后的显示区域的中间区域;根据所述切换前居中图片的指定坐标信息,对所述切换前居中图片之外的其他图片的坐标信息进行调整;根据调整后的坐标信息,显示所述图库中的图片,使得在切换显示后,所述切换前居中图片位于所述切换后的显示区域的中间区域,且所述图库中的图片适应切换后的屏幕方向。
21.根据权利要求20所述的装置,其特征在于,所述装置还包括:
缓冲区获取模块,用于获取所述图片缓冲区已保存的图片的坐标信息;
缓冲区调整模块,用于根据切换后的显示区域,对所述图片缓冲区保存的坐标信息进行调整;
保存模块,用于将调整后的坐标信息保存在所述图片缓冲区中,以便在加载图片后根据调整后的坐标信息进行显示。
22.根据权利要求13所述的装置,其特征在于,所述横向布局文件包括一个活动容器Activity,所述一个Activity包括多个显示元素;所述竖向布局文件包括多个Activity,所述多个Activity与多个显示元素一一对应。
23.一种移动终端,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
捕获移动终端的姿态变化;
当所述移动终端从第一姿态变化为第二姿态时,加载与所述第二姿态对应的布局文件;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示;
根据所述第二姿态对应的布局文件,对当前界面进行切换显示,采用如下方式:
获取指定显示对象的临时状态信息,所述指定显示对象为所述第一姿态下显示的显示对象;
根据所述第二姿态对应的布局文件和所述临时状态信息,对当前界面进行切换显示。
24.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有一个或者一个以上的程序,所述程序包含用于执行权利要求1至11任一所述的界面布局切换方法。
CN201310390631.4A 2013-08-30 2013-08-30 界面布局切换方法、装置和移动终端 Active CN103488403B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310390631.4A CN103488403B (zh) 2013-08-30 2013-08-30 界面布局切换方法、装置和移动终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310390631.4A CN103488403B (zh) 2013-08-30 2013-08-30 界面布局切换方法、装置和移动终端

Publications (2)

Publication Number Publication Date
CN103488403A CN103488403A (zh) 2014-01-01
CN103488403B true CN103488403B (zh) 2018-02-02

Family

ID=49828679

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310390631.4A Active CN103488403B (zh) 2013-08-30 2013-08-30 界面布局切换方法、装置和移动终端

Country Status (1)

Country Link
CN (1) CN103488403B (zh)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103823620B (zh) * 2014-03-04 2017-01-25 飞天诚信科技股份有限公司 一种屏幕适配的方法和装置
CN103905886B (zh) * 2014-03-28 2017-09-01 广州华多网络科技有限公司 视频播放方法和装置
CN104133624B (zh) * 2014-07-10 2015-10-28 腾讯科技(深圳)有限公司 网页动画显示方法、装置及终端
CN104156406B (zh) * 2014-07-29 2016-05-25 腾讯科技(深圳)有限公司 应用程序内嵌页面显示方法及装置
CN105718227A (zh) * 2014-12-04 2016-06-29 中国移动通信集团公司 一种传屏方法及相关设备
CN105204733B (zh) * 2015-09-02 2019-05-21 小米科技有限责任公司 视频聊天窗口的显示方法及装置
CN105653166A (zh) * 2015-12-24 2016-06-08 小米科技有限责任公司 调整文字显示的方法及装置
CN107016303B (zh) * 2016-10-19 2021-01-05 创新先进技术有限公司 一种信息显示的方法及装置
CN106610771A (zh) * 2016-12-12 2017-05-03 广州神马移动信息科技有限公司 一种语音识别界面的生成和自适应旋转的方法和装置
CN108255405B (zh) * 2018-01-19 2019-09-10 Oppo广东移动通信有限公司 用户界面显示方法、装置及终端
CN108958864A (zh) * 2018-06-27 2018-12-07 北京优屏科技服务有限公司 存储介质、移动终端及其h5页面的界面设置方法和装置
CN109753617B (zh) * 2019-01-14 2021-08-31 广州虎牙信息科技有限公司 一种页面显示方法、设备和存储介质
CN109918165B (zh) * 2019-03-12 2022-07-01 北京小米移动软件有限公司 界面显示方法、装置和存储介质
CN110691167B (zh) * 2019-09-25 2021-04-16 北京蓦然认知科技有限公司 一种显示单元的控制方法、装置
CN114327701A (zh) * 2020-09-29 2022-04-12 华为技术有限公司 一种应用界面的布局方法及电子设备
CN112651801B (zh) * 2020-12-23 2022-04-15 北京城市网邻信息技术有限公司 一种房源信息的展示方法和装置
CN113625979B (zh) * 2021-07-06 2024-05-28 深圳点猫科技有限公司 一种图片自适应显示方法、装置、系统及介质
CN115080140A (zh) * 2022-04-26 2022-09-20 网易(杭州)网络有限公司 显示控制方法、装置和电子设备
CN115048172A (zh) * 2022-06-17 2022-09-13 北京奇艺世纪科技有限公司 一种页面适配方法、装置、电子设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101834938A (zh) * 2010-03-25 2010-09-15 中兴通讯股份有限公司 一种实现移动终端横竖屏切换的装置及方法
CN102222354A (zh) * 2010-04-19 2011-10-19 腾讯科技(深圳)有限公司 一种图形界面的自动绘制方法及系统
CN102298495A (zh) * 2011-06-27 2011-12-28 上海北大方正科技电脑系统有限公司 一种android软件自适应不同屏幕密度的方法
CN103164197A (zh) * 2011-12-14 2013-06-19 中兴通讯股份有限公司 Ui布局自适应方法、移动设备以及布局生成设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101369210B (zh) * 2008-08-22 2011-03-16 华为终端有限公司 一种调整用户界面元素的方法及装置
WO2013124912A1 (ja) * 2012-02-24 2013-08-29 パナソニック株式会社 表示装置および表示方法
CN102662588A (zh) * 2012-04-10 2012-09-12 广州市动景计算机科技有限公司 一种通过卷轴滚动控制界面显示的方法、装置及移动终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101834938A (zh) * 2010-03-25 2010-09-15 中兴通讯股份有限公司 一种实现移动终端横竖屏切换的装置及方法
CN102222354A (zh) * 2010-04-19 2011-10-19 腾讯科技(深圳)有限公司 一种图形界面的自动绘制方法及系统
CN102298495A (zh) * 2011-06-27 2011-12-28 上海北大方正科技电脑系统有限公司 一种android软件自适应不同屏幕密度的方法
CN103164197A (zh) * 2011-12-14 2013-06-19 中兴通讯股份有限公司 Ui布局自适应方法、移动设备以及布局生成设备

Also Published As

Publication number Publication date
CN103488403A (zh) 2014-01-01

Similar Documents

Publication Publication Date Title
CN103488403B (zh) 界面布局切换方法、装置和移动终端
CN105630298B (zh) 一种文件夹的管理方法和设备
CN104519404B (zh) 图像互换格式文件的播放方法及装置
CN104142789B (zh) 内容选择方法、装置及终端
CN108762954A (zh) 一种对象分享方法及移动终端
CN105828160B (zh) 视频播放方法及装置
CN107896279A (zh) 一种移动终端的截屏处理方法、装置及移动终端
CN104238893B (zh) 一种对视频预览图片进行显示的方法和装置
CN103390034B (zh) 图片展示的方法、装置、终端及服务器
CN108228031A (zh) 一种图片分享方法、图片显示方法及移动终端
CN104881844B (zh) 一种图片组合的方法、装置以及终端设备
CN104571979B (zh) 一种实现分屏视图的方法和装置
CN105022616A (zh) 一种生成网页页面的方法及装置
CN106406712A (zh) 信息显示方法及装置
CN104021129B (zh) 显示组图的方法及终端
CN107977132A (zh) 一种信息显示方法及移动终端
CN108769374A (zh) 一种图像管理方法及移动终端
US20160133006A1 (en) Video processing method and apparatus
CN108920053A (zh) 一种对齐方法及移动终端
CN103544056B (zh) 控制任务速度的方法、装置和终端设备
CN107168609A (zh) 状态栏显示方法、装置及终端
CN105094809A (zh) 组合图片布局修改方法、装置以及终端设备
CN109407932A (zh) 一种图标移动方法及移动终端
CN109213416A (zh) 一种显示信息处理方法及移动终端
CN106445340A (zh) 一种双屏终端显示立体图像的方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant