CN106445334B - Display interface adjusting method and adjusting system - Google Patents
Display interface adjusting method and adjusting system Download PDFInfo
- Publication number
- CN106445334B CN106445334B CN201610807101.9A CN201610807101A CN106445334B CN 106445334 B CN106445334 B CN 106445334B CN 201610807101 A CN201610807101 A CN 201610807101A CN 106445334 B CN106445334 B CN 106445334B
- Authority
- CN
- China
- Prior art keywords
- display interface
- angle
- icon
- rotation
- display
- 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.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000035945 sensitivity Effects 0.000 claims description 26
- 230000003750 conditioning effect Effects 0.000 claims 2
- 230000001133 acceleration Effects 0.000 description 14
- 230000006870 function Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 9
- 230000005484 gravity Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
技术领域technical field
本发明属于计算机技术领域,尤其涉及一种显示界面的调节方法及调节系统。The invention belongs to the technical field of computers, and in particular relates to an adjustment method and an adjustment system of a display interface.
背景技术Background technique
显示屏幕作为终端设备的必备元件之一,最初为用户提供图像输出服务。随着触摸屏的出现和发展,显示屏幕又兼具了输入和控制的功能。As one of the necessary components of terminal equipment, display screen initially provides image output service for users. With the emergence and development of the touch screen, the display screen has both the functions of input and control.
目前,显示屏幕的旋转,主要集中在通过终端设备内置的陀螺仪来获取当前终端设备所处的姿态,并匹配以横屏模式或竖屏模式。At present, the rotation of the display screen mainly focuses on obtaining the current posture of the terminal device through the built-in gyroscope of the terminal device, and matching it in the horizontal screen mode or the vertical screen mode.
且,显示屏幕所支持的应用程序,也仅支持横屏模式或竖屏模式。以照片的显示为例,无论拍照时是否将相机进行了一定角度的倾斜,其形成的照片的显示类型也仅有2个选项:包括横屏模式(也称风景模式)和竖屏模式(也称人物模式)。Moreover, the applications supported by the display screen only support landscape mode or portrait mode. Taking the display of photos as an example, no matter whether the camera is tilted at a certain angle or not, there are only two options for the display type of the photos: landscape mode (also called landscape mode) and portrait mode (also called landscape mode). called character mode).
发明内容SUMMARY OF THE INVENTION
有鉴于此,本发明的目的在于提供一种显示界面的调节方法及调节系统,可以解决现有技术中显示屏幕的旋转方式过于简单、无法生成多角度旋转的显示界面的技术问题。In view of this, the purpose of the present invention is to provide a display interface adjustment method and adjustment system, which can solve the technical problem that the rotation method of the display screen in the prior art is too simple and cannot generate a multi-angle rotating display interface.
为解决上述技术问题,本发明实施例提供了一种显示界面的调节方法,包括:To solve the above technical problems, an embodiment of the present invention provides a method for adjusting a display interface, including:
在终端设备发生旋转时,产生传感器的角度数据;When the terminal device rotates, the angle data of the sensor is generated;
根据所述角度数据生成屏幕的调节参数,所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置;以及generating adjustment parameters of the screen according to the angle data, the adjustment parameters including the display direction of the icons in the display interface and/or the layout positions of the icons; and
根据所述调节参数,调节终端设备的显示界面。According to the adjustment parameters, the display interface of the terminal device is adjusted.
为解决上述技术问题,本发明实施例还提供了一种显示界面的调节系统,包括:In order to solve the above technical problems, an embodiment of the present invention also provides a display interface adjustment system, including:
传感器模块,用于在终端设备发生旋转时,产生传感器的角度数据;The sensor module is used to generate the angle data of the sensor when the terminal device rotates;
参数模块,用于根据所述角度数据生成屏幕的调节参数,所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置;以及a parameter module, configured to generate adjustment parameters of the screen according to the angle data, where the adjustment parameters include the display direction of the icons in the display interface and/or the layout positions of the icons; and
调节模块,用于根据所述调节参数,调节终端设备的显示界面。The adjustment module is configured to adjust the display interface of the terminal device according to the adjustment parameter.
本发明的显示界面的调节方法及调节系统,通过获取终端设备在旋转时的角度数据,对终端设备的显示界面进行实时调节,以生成全角度旋转的显示界面。The display interface adjustment method and adjustment system of the present invention adjust the display interface of the terminal device in real time by acquiring the angle data of the terminal device when rotating, so as to generate a display interface that rotates at all angles.
附图说明Description of drawings
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions in the embodiments of the present invention more clearly, the following briefly introduces the accompanying drawings used in the description of the embodiments. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For those skilled in the art, other drawings can also be obtained from these drawings without creative effort.
图1是本发明实施例提供的显示界面的调节方法的基础流程示意图。FIG. 1 is a schematic diagram of a basic flow of a method for adjusting a display interface provided by an embodiment of the present invention.
图2是本发明实施例提供的显示界面的调节方法的细化流程示意图。FIG. 2 is a schematic flowchart of a refinement of a method for adjusting a display interface provided by an embodiment of the present invention.
图3是本发明实施例提供的调节系统的基础模块示意图。FIG. 3 is a schematic diagram of basic modules of an adjustment system provided by an embodiment of the present invention.
图4是本发明实施例提供的调节系统的细化模块示意图。FIG. 4 is a schematic diagram of a refinement module of an adjustment system provided by an embodiment of the present invention.
图5是本发明实施例提供的终端设备的硬件结构示意图。FIG. 5 is a schematic diagram of a hardware structure of a terminal device provided by an embodiment of the present invention.
图6是本发明实施例提供的显示界面的示例图。FIG. 6 is an example diagram of a display interface provided by an embodiment of the present invention.
具体实施方式Detailed ways
请参照附图中的图式,其中相同的组件符号代表相同的组件,本发明的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所示例的本发明的具体实施例,其不应被视为限制本发明未在此详述的其它具体实施例。Please refer to the drawings in the accompanying drawings, in which the same component symbols represent the same components, and the principles of the present invention are exemplified by being implemented in a suitable computing environment. The following description is based on exemplified specific embodiments of the invention and should not be construed as limiting other specific embodiments of the invention not detailed herein.
本发明原理以上述文字来说明,其并不代表为一种限制,本领域技术人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。本发明的原理使用许多其它泛用性或特定目的运算、通信环境或组态来进行操作。The principle of the present invention is described by the above text, which is not meant to be a limitation. Those skilled in the art will understand that various steps and operations described below can also be implemented in hardware. The principles of the present invention operate using numerous other general-purpose or special-purpose computing, communication environments, or configurations.
请参阅图1,所示为本发明实施例提供的显示界面的调节方法的基础流程示意图。所述显示界面的调节方法,通常执行于终端设备中,比如手机、平板电脑等,此处不一一枚举。Please refer to FIG. 1 , which is a schematic diagram illustrating a basic flow of a method for adjusting a display interface provided by an embodiment of the present invention. The adjustment method of the display interface is usually performed in a terminal device, such as a mobile phone, a tablet computer, etc., which will not be enumerated here.
具体而言,所述显示界面的调节方法,包括:Specifically, the adjustment method of the display interface includes:
在步骤S101中,在终端设备发生旋转时,产生传感器的角度数据。In step S101, when the terminal device rotates, angle data of the sensor is generated.
具体而言,终端设备中的加速度传感器用于感测终端设备的旋转,陀螺仪用于产生发生本次旋转时的角度数据。Specifically, the acceleration sensor in the terminal device is used to sense the rotation of the terminal device, and the gyroscope is used to generate angle data when this rotation occurs.
在步骤S102中,根据所述角度数据生成屏幕的调节参数,所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置。In step S102, an adjustment parameter of the screen is generated according to the angle data, and the adjustment parameter includes the display direction of the icon in the display interface and/or the layout position of the icon.
在本实施例中,所述显示界面中包括图标显示图标和控制图标。In this embodiment, the display interface includes icon display icons and control icons.
所述显示图标是指执行输出功能的图标,如文字图标、图片图标、和应用程序图标。所述调节参数包括所述显示图标的显示方向。The display icons refer to icons that perform output functions, such as text icons, picture icons, and application program icons. The adjustment parameter includes a display direction of the display icon.
所述控制图标是指执行输入/控制功能的图标,如暂停图标和退出图标。所述调节参数包括所述控制图标的布局位置,比如,在手机的任意2个斜对角、或分布于终端设备的任一侧,进而支持主控手(左手或右手)的单手操作。The control icons refer to icons that perform input/control functions, such as a pause icon and an exit icon. The adjustment parameter includes the layout position of the control icon, for example, in any two diagonal corners of the mobile phone, or distributed on either side of the terminal device, thereby supporting single-handed operation of the master control hand (left or right hand).
在步骤S103中,根据所述调节参数,调节终端设备的显示界面。In step S103, the display interface of the terminal device is adjusted according to the adjustment parameter.
具体而言,所述调节的步骤包括:Specifically, the adjusting steps include:
(1)获取所述调节参数中的显示方向,并对所述显示界面中的显示图标进行旋转。如,以默认方向(即常规使用方向,以手机为例,其默认方向为陀螺仪的三轴皆为0,或至少某二轴为0的方向)为中心,顺时针旋转45°。(1) Acquire the display direction in the adjustment parameter, and rotate the display icon in the display interface. For example, take the default direction (that is, the normal use direction, taking a mobile phone as an example, the default direction is that the three axes of the gyroscope are all 0, or at least a direction in which two axes are 0) as the center, rotate 45° clockwise.
(2)获取所述调节参数中的布局位置,并对显示界面中的控制图标进行布局。控制图标可以全部或部分分布在显示屏幕的四边、顶点,或手机的任意2个对边或斜对角。(2) Acquiring the layout position in the adjustment parameter, and laying out the control icons in the display interface. The control icons can be fully or partially distributed on the four sides, vertices of the display screen, or any two opposite sides or diagonally opposite corners of the mobile phone.
本发明的显示界面的调节方法,通过获取终端设备在旋转时的角度数据,对终端设备的显示界面进行实时调节,以生成全角度旋转的显示界面。The display interface adjustment method of the present invention adjusts the display interface of the terminal device in real time by acquiring the angle data of the terminal device when rotating, so as to generate a display interface that rotates at all angles.
请参阅图2,所示为本发明实施例提供的显示界面的调节方法的细化流程示意图。所述显示界面的调节方法,通常执行于终端设备中,比如手机、平板电脑等,此处不一一枚举。Please refer to FIG. 2 , which is a schematic flowchart of a refinement of a method for adjusting a display interface provided by an embodiment of the present invention. The adjustment method of the display interface is usually performed in a terminal device, such as a mobile phone, a tablet computer, etc., which will not be enumerated here.
具体而言,所述显示界面的调节方法,包括:Specifically, the adjustment method of the display interface includes:
在步骤S201中,获取显示界面的调节类型。In step S201, the adjustment type of the display interface is acquired.
可以理解的是,所述调节类型的获取方式,可以由用户直接设置,也可以由当前所当前所显示的内容所设定,并接受用户的修改。It can be understood that, the acquisition method of the adjustment type can be directly set by the user, or can be set by the currently displayed content, and can be modified by the user.
其中,所述调节类型包括:不旋转、横竖屏旋转、和全角度旋转。其中,“不旋转”是指无论终端设备如何旋转,其显示界面都不因选择而改变。“横竖屏旋转”是指当终端设备发生旋转时,其显示界面根据旋转角度切换至所述旋转角度最接近的横屏或竖屏。“全角度旋转”是指当终端设备发生旋转时,根据实际的旋转角度进行显示界面的调节,具体展示方式如下所述。The adjustment types include: no rotation, horizontal and vertical screen rotation, and full-angle rotation. Wherein, "not rotating" means that no matter how the terminal device is rotated, its display interface does not change due to selection. "Rotation of horizontal and vertical screen" means that when the terminal device is rotated, its display interface is switched to the horizontal or vertical screen with the closest rotation angle according to the rotation angle. "Full-angle rotation" means that when the terminal device rotates, the display interface is adjusted according to the actual rotation angle. The specific display method is as follows.
在步骤S202中,当调节类型为全角度时,获取旋转敏感值,所述敏感值对应预设时间阈值。In step S202, when the adjustment type is full angle, a rotation sensitivity value is obtained, and the sensitivity value corresponds to a preset time threshold.
可以理解的是,所述敏感值可以由用户直接设置,也可以由当前所显示的内容所设定,并接受用户的修改。比如,将敏感值设为三档(高敏感度、中敏感度、和低敏感度)或二档(高敏感度和低敏感度),示例如下:It can be understood that the sensitive value can be directly set by the user, or can be set by the currently displayed content, and can be modified by the user. For example, set the sensitivity value to three levels (high sensitivity, medium sensitivity, and low sensitivity) or two levels (high sensitivity and low sensitivity). Examples are as follows:
(1)高敏感值,对应第一时间阈值,如0.1秒,主要适用于游戏类应用,可以及时根据终端设备的旋转生匹配的显示内容;(1) High sensitivity value, corresponding to the first time threshold, such as 0.1 seconds, which is mainly suitable for game applications, and can generate matching display content in time according to the rotation of the terminal device;
(2)低敏感值,对应第二时间阈值,如5秒,主要适用于文字类应用,可以以横屏或竖屏为主,即使终端设备发生了旋转,也不需实时进行界面变换。(2) Low sensitivity value, corresponding to the second time threshold, such as 5 seconds, which is mainly suitable for text applications, which can be mainly horizontal or vertical screens. Even if the terminal device is rotated, there is no need to perform interface changes in real time.
在步骤S203中,在终端设备发生旋转时,判断所述旋转的持续时间是否大于所述时间阈值。In step S203, when the terminal device rotates, it is determined whether the duration of the rotation is greater than the time threshold.
具体而言,终端设备中的加速度传感器用于感测终端设备的旋转,陀螺仪用于产生发生本次旋转时的角度数据。Specifically, the acceleration sensor in the terminal device is used to sense the rotation of the terminal device, and the gyroscope is used to generate angle data when this rotation occurs.
其中,若不大于,则执行步骤S204,若小于则执行步骤S205。Wherein, if it is not greater than, go to step S204, if it is less than, go to step S205.
在步骤S204中,当旋转的持续时间不大于所述时间阈值时,忽略本次旋转。In step S204, when the duration of the rotation is not greater than the time threshold, the current rotation is ignored.
在步骤S205中,当旋转的持续时间大于所述时间阈值时,产生传感器的角度数据。In step S205, when the duration of rotation is greater than the time threshold, angle data of the sensor is generated.
在步骤S206中,根据所述角度数据生成屏幕的调节参数,所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置。In step S206, an adjustment parameter of the screen is generated according to the angle data, and the adjustment parameter includes the display direction of the icon in the display interface and/or the layout position of the icon.
具体而言,本步骤包括:Specifically, this step includes:
在步骤S2061中,读取发生本次旋转前的角度数据,作为初始值。In step S2061, the angle data before the current rotation is read as an initial value.
比如,以默认方向为中心,初始值为向左旋转20度。For example, with the default orientation as the center, the initial value is to rotate 20 degrees to the left.
在步骤S2062中,获取发生本次旋转后的角度数据,作为当前值。In step S2062, the angle data after the current rotation is acquired as the current value.
比如,本次旋转后,当前值为向右旋转45度。For example, after this rotation, the current value is rotated 45 degrees to the right.
在步骤S2063中,计算所述当前值与初始值之差,以生成所述调节参数。In step S2063, the difference between the current value and the initial value is calculated to generate the adjustment parameter.
即,所述调节参数为在发生本次旋转前的数据上向右选择65度,并根据所述向右选择45度,读取对应的布局位置。That is, the adjustment parameter is to select 65 degrees to the right on the data before this rotation occurs, and to select 45 degrees to the right according to the data to read the corresponding layout position.
在步骤S207中,判断所述调节参数是否大于预设角度。In step S207, it is determined whether the adjustment parameter is greater than a preset angle.
举例而言,所述预设角度包括但不限于:1度、5度、10度、20度、或45度等,用于支持对应的应用程序。比如:若是小说类应用程序,则可选择一较大的预设角度,如45度,即,即使文字有些角度的倾斜,也不会影响阅读。若是游戏类的应用程序,则选择一较小的预设角度,如5度,以便更多角度的展现游戏的场景和灵活性,特别是赛车类游戏等。For example, the preset angle includes, but is not limited to, 1 degree, 5 degrees, 10 degrees, 20 degrees, or 45 degrees, etc., for supporting corresponding applications. For example, if it is a novel application, a larger preset angle, such as 45 degrees, can be selected, that is, even if the text is tilted at some angle, it will not affect reading. If it is a game application, choose a smaller preset angle, such as 5 degrees, so as to show the scene and flexibility of the game from more angles, especially racing games.
其中,若大于,则执行步骤S208;若不大于,则执行步骤S209。Wherein, if it is greater than, go to step S208; if not, go to step S209.
在步骤S208中,当所述调节参数大于预设角度时,存储所述当前值,并根据调节参数调节所述终端设备的显示界面。In step S208, when the adjustment parameter is greater than the preset angle, the current value is stored, and the display interface of the terminal device is adjusted according to the adjustment parameter.
如图6中所示的显示界面,包括图标显示图标和控制图标。显示图标是指执行输出功能的图标,包括但不限于:文字图标A、图片图标B、和应用程序图标C。控制图标是指执行输入/控制功能的图标,包括但不限于:暂停图标D和退出图标E。The display interface as shown in FIG. 6 includes icon display icons and control icons. Display icons refer to icons that perform output functions, including but not limited to: text icon A, picture icon B, and application program icon C. Control icons refer to icons that perform input/control functions, including but not limited to: pause icon D and exit icon E.
所述调节参数,包括所述显示图标的显示方向、和/或所述控制图标的布局位置。The adjustment parameter includes the display direction of the display icon and/or the layout position of the control icon.
所述显示图标的显示方向,如以默认方向(以手机为例,将手机垂直放置,话筒在下,听筒在上的常规使用模式时的方向为其默认方向)O-O’为中心,将其上的文字图标A、图片图标B、和应用程序图标C等指向一显示方向,如顺时针旋转至45°。The display direction of the display icon, such as the default direction (taking a mobile phone as an example, the mobile phone is placed vertically, the microphone is down, and the direction of the earpiece is up in the normal use mode is the default direction) O-O' as the center, and it is centered. The text icon A, the picture icon B, and the application icon C on the display point to a display direction, such as rotating clockwise to 45°.
所述控制图标的布局位置,可以全部或部分分布在显示屏幕的四边、顶点,或手机的任意2个对边或斜对角。比如图,将暂停图标D和退出图标E布局在终端设备的任意2个斜对角。The layout positions of the control icons may be distributed in whole or in part on the four sides and vertices of the display screen, or any two opposite sides or diagonally opposite corners of the mobile phone. For example, as shown in the figure, the pause icon D and the exit icon E are arranged at any two diagonally opposite corners of the terminal device.
以上为以音乐播放类应用程序为例,其旋转可为XY轴的双轴变化,若是游戏场景,还可以加入Z轴的变化,比如,屏幕向下时显示对应的天空场景,屏幕向上时显示大地场景等。The above is an example of a music player application. The rotation can be a dual-axis change of the XY axis. If it is a game scene, the change of the Z axis can also be added. For example, the corresponding sky scene is displayed when the screen is down, and the screen is displayed when the screen is up. Earth scenes, etc.
在步骤S209中,当所述调节参数不大于预设角度时,存储所述当前值。In step S209, when the adjustment parameter is not greater than the preset angle, the current value is stored.
可以理解的是,存储当前值,用以累计当前的偏转角度。避免每次旋转的角度不大,但缓慢累积成一个较大倾斜角度时终端设备无法感知。It can be understood that the current value is stored for accumulating the current deflection angle. Avoid the small angle of each rotation, but the terminal device cannot perceive it when it slowly accumulates into a large tilt angle.
本发明的显示界面的调节方法,通过获取终端设备在旋转时的角度数据,对终端设备的显示界面进行实时、可控地调节,以生成全角度旋转的显示界面,以支持不同类型的应用。The display interface adjustment method of the present invention adjusts the display interface of the terminal device in a real-time and controllable manner by acquiring the angle data of the terminal device when rotating, so as to generate a display interface that rotates at all angles to support different types of applications.
请参阅图3,所示为本发明实施例提供的显示界面的调节系统的基础模块示意图。所述显示界面的调节系统300,通常执行于终端设备中,比如手机、平板电脑等,此处不一一枚举。Please refer to FIG. 3 , which is a schematic diagram of basic modules of a system for adjusting a display interface provided by an embodiment of the present invention. The
具体而言,所述显示界面的调节系统300,包括:传感器模块31、参数模块32、和调节模块33。Specifically, the
传感器模块31,用于在终端设备发生旋转时,产生传感器的角度数据。The
具体而言,传感器模块31连接于终端设备中的加速度传感器(未标示)和陀螺仪(未标示)。所述加速度传感器用于感测终端设备的旋转,所述陀螺仪用于产生发生本次旋转时的角度数据。Specifically, the
参数模块32,连接于所述传感器模块31,用于根据所述角度数据生成屏幕的调节参数。所述调节参数,包括显示界面中图标的显示方向、和/或图标的布局位置。The
在本实施例中,所述显示界面中包括图标显示图标和控制图标。所述显示图标是指执行输出功能的图标,如文字图标、图片图标、和应用程序图标。所述调节参数包括所述显示图标的显示方向。控制图标是指执行输入/控制功能的图标,如暂停图标和退出图标。所述调节参数包括所述控制图标的布局位置,比如,在手机的任意2个斜对角、或分布于终端设备的任一侧,进而支持主控手(左手或右手)的单手操作。In this embodiment, the display interface includes icon display icons and control icons. The display icons refer to icons that perform output functions, such as text icons, picture icons, and application program icons. The adjustment parameter includes a display direction of the display icon. Control icons are icons that perform input/control functions, such as a pause icon and an exit icon. The adjustment parameter includes the layout position of the control icon, for example, in any two diagonal corners of the mobile phone, or distributed on either side of the terminal device, thereby supporting single-handed operation of the master control hand (left or right hand).
调节模块33,连接于所述参数模块32,用于根据所述调节参数,调节终端设备的显示界面。The
其中,所述调节模块33包括:方向子模块331、和位置子模块332。The
具体而言,所述方向子模块331,用于获取所述调节参数中的显示方向,并对所述显示界面中的显示图标进行旋转。如,以默认方向为中心,顺时针旋转45°。Specifically, the direction sub-module 331 is configured to acquire the display direction in the adjustment parameter, and rotate the display icon in the display interface. For example, take the default direction as the center and rotate 45° clockwise.
所述位置子模块332,用于获取所述调节参数中的布局位置,并对显示界面中的控制图标进行布局。控制图标可以全部或部分分布在显示屏幕的四边、顶点、或手机的任意2个对边、或斜对角。The position sub-module 332 is configured to acquire the layout position in the adjustment parameter, and lay out the control icons in the display interface. The control icons can be fully or partially distributed on the four sides, vertices, or any two opposite sides of the mobile phone, or diagonally opposite corners of the display screen.
本发明的显示界面的调节系统,通过获取终端设备在旋转时的角度数据,对终端设备的显示界面进行实时调节,以生成全角度旋转的显示界面。The display interface adjustment system of the present invention adjusts the display interface of the terminal device in real time by acquiring the angle data of the terminal device when rotating, so as to generate a display interface that rotates at all angles.
请参阅图4,所示为本发明实施例提供的显示界面的调节系统的细化模块示意图。Please refer to FIG. 4 , which is a schematic diagram of a refined module of a display interface adjustment system provided by an embodiment of the present invention.
具体而言,所述显示界面的调节系统400,包括:类型模块41、敏感度模块42、传感器模块43、参数模块44、和调节模块45。Specifically, the
类型模块41,用于获取显示界面的调节类型。The
可以理解的是,所述调节类型的获取方式,可以由用户直接设置,也可以由当前所当前所显示的内容所设定,并接受用户的修改。It can be understood that, the acquisition method of the adjustment type can be directly set by the user, or can be set by the currently displayed content, and can be modified by the user.
其中,所述调节类型包括:不旋转、横竖屏旋转、和全角度旋转。“不旋转”是指无论终端设备如何旋转,其显示界面都不因选择而改变。“横竖屏旋转”是指当终端设备发生旋转时,其显示界面根据旋转角度切换至所述旋转角度最接近的横屏或竖屏。“全角度旋转”是指当终端设备发生旋转时,根据实际的旋转角度进行显示界面的调节,更加灵活,具体展示方式如下所述。The adjustment types include: no rotation, horizontal and vertical screen rotation, and full-angle rotation. "No rotation" means that no matter how the terminal device is rotated, its display interface does not change due to selection. "Rotation of horizontal and vertical screen" means that when the terminal device is rotated, its display interface is switched to the horizontal or vertical screen with the closest rotation angle according to the rotation angle. "Full-angle rotation" means that when the terminal device rotates, the display interface is adjusted according to the actual rotation angle, which is more flexible. The specific display method is as follows.
敏感度模块42,连接于类型模块41,用于当调节类型为全角度时,获取旋转敏感值,所述敏感值对应预设时间阈值。The
可以理解的是,所述敏感值可以由用户直接设置,也可以由当前所显示的内容所设定,并接受用户的修改。比如,将敏感值设为三档(高敏感度、中敏感度、和低敏感度)或二档(高敏感度和低敏感度),其示例如下:It can be understood that the sensitive value can be directly set by the user, or can be set by the currently displayed content, and can be modified by the user. For example, setting the sensitivity value to three levels (high sensitivity, medium sensitivity, and low sensitivity) or two levels (high sensitivity and low sensitivity), the examples are as follows:
(1)高敏感值,对应第一时间阈值,如0.1秒,主要适用于游戏类应用,可以实时根据终端设备的旋转生匹配的显示内容;(1) High sensitivity value, corresponding to the first time threshold, such as 0.1 seconds, which is mainly suitable for game applications, and can generate matching display content in real time according to the rotation of the terminal device;
(2)低敏感值,对应第二时间阈值,如5秒,主要适用于文字类应用,可以以横屏或竖屏为主,即使终端设备发生了旋转,也不需实时进行界面变换。(2) Low sensitivity value, corresponding to the second time threshold, such as 5 seconds, which is mainly suitable for text applications, which can be mainly horizontal or vertical screens. Even if the terminal device is rotated, there is no need to perform interface changes in real time.
传感器模块43,连接于所述敏感度模块42,用于在终端设备发生旋转时,判断所述旋转的持续时间是否大于所述时间阈值,并当大于所述时间阈值时产生传感器的角度数据。The
具体而言,终端设备中的加速度传感器用于感测终端设备的旋转,陀螺仪用于产生发生本次旋转时的角度数据。可以理解的是,所述加速度传感器和陀螺仪可能一直产生对应的数据,当持续时间大于时间阈值时,传感器模块43读取所述数据。Specifically, the acceleration sensor in the terminal device is used to sense the rotation of the terminal device, and the gyroscope is used to generate angle data when this rotation occurs. It can be understood that the acceleration sensor and the gyroscope may always generate corresponding data, and when the duration is greater than the time threshold, the
参数模块44,连接于所述传感器模块43,用于根据所述角度数据生成屏幕的调节参数。所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置。The
其中,所述参数模块44包括:初始值子模块441、当前值子模块442、和差值子模块443。The
具体而言,初始值子模块441,用于读取发生本次旋转前的角度数据,作为初始值。比如,以默认方向为中心,初始值为向左旋转20度。Specifically, the
当前值子模块442,用于获取发生本次旋转后的角度数据,作为当前值。比如,本次旋转后,当前值为向右旋转45度。The
差值子模块443,用于计算所述当前值与初始值之差,以生成所述调节参数。即,所述调节参数为在发生本次旋转前的数据上向右选择65度,并根据所述向右选择45度,读取对应的布局位置。The
调节模块45,用于根据所述调节参数,调节终端设备的显示界面。The
其中,所述调节模块45包括:判断子模块451、存储子模块452、和调节子模块453。The
具体而言,判断子模块451,用于判断所述调节参数是否大于预设角度。Specifically, the judging sub-module 451 is used to judge whether the adjustment parameter is greater than the preset angle.
举例而言,所述预设角度如5度、10度、20度、或45度等,用于支持对应的应用程序。比如:若是小说类应用程序,则可选择一较大的预设角度,如45度;若是游戏类的应用程序,则选择一较小的预设角度,如5度。For example, the preset angle, such as 5 degrees, 10 degrees, 20 degrees, or 45 degrees, is used to support corresponding applications. For example, if it is a novel-type application, a larger preset angle, such as 45 degrees, can be selected; if it is a game-type application, a smaller preset angle, such as 5 degrees, can be selected.
存储子模块452,用于当小于预设角度时,存储所述当前值。The
可以理解的是,存储当前值,用以累计当前的偏转角度。避免每次旋转的角度不大,但缓慢累积成一个较大倾斜角度时终端设备无法感知。It can be understood that the current value is stored for accumulating the current deflection angle. Avoid the small angle of each rotation, but the terminal device cannot perceive it when it slowly accumulates into a large tilt angle.
调节子模块453,用于当不小于预设角度时,存储所述当前值,并根据调节参数调节所述终端设备的显示界面。The
如图6中所示的显示界面,包括图标显示图标和控制图标。显示图标是指执行输出功能的图标,包括但不限于:文字图标A、图片图标B、和应用程序图标C。控制图标是指执行输入/控制功能的图标,包括但不限于:暂停图标D和退出图标E。The display interface as shown in FIG. 6 includes icon display icons and control icons. Display icons refer to icons that perform output functions, including but not limited to: text icon A, picture icon B, and application program icon C. Control icons refer to icons that perform input/control functions, including but not limited to: pause icon D and exit icon E.
所述调节参数,包括所述显示图标的显示方向、和/或所述控制图标的布局位置。The adjustment parameter includes the display direction of the display icon and/or the layout position of the control icon.
所述显示图标的显示方向,如以默认方向(以手机为例,将手机垂直放置,话筒在下,听筒在上的常规使用模式时的方向为其默认方向)O-O’为中心,将其上的文字图标A、图片图标B、和应用程序图标C等指向一显示方向,如顺时针旋转至45°。The display direction of the display icon, such as the default direction (taking a mobile phone as an example, the mobile phone is placed vertically, the microphone is down, and the direction of the earpiece is up in the normal use mode is the default direction) O-O' as the center, and it is centered. The text icon A, the picture icon B, and the application icon C on the display point to a display direction, such as rotating clockwise to 45°.
所述控制图标的布局位置,可以全部或部分分布在显示屏幕的四边、顶点,或手机的任意2个对边或斜对角。比如图,将暂停图标D和退出图标E布局在终端设备的任意2个斜对角。The layout positions of the control icons may be distributed in whole or in part on the four sides and vertices of the display screen, or any two opposite sides or diagonally opposite corners of the mobile phone. For example, as shown in the figure, the pause icon D and the exit icon E are arranged at any two diagonally opposite corners of the terminal device.
以上为以音乐播放类应用程序为例,其旋转可为XY轴的双轴变化,若是游戏场景,还可以加入Z轴的变化,比如,屏幕向下时显示对应的天空场景,屏幕向上时显示大地场景等。The above is an example of a music player application. The rotation can be a dual-axis change of the XY axis. If it is a game scene, the change of the Z axis can also be added. For example, the corresponding sky scene is displayed when the screen is down, and the screen is displayed when the screen is up. Earth scenes, etc.
本发明的显示界面的调节系统,通过获取终端设备在旋转时的角度数据,对终端设备的显示界面进行实时、可控地调节,以生成全角度旋转的显示界面,以支持不同类型的应用。The display interface adjustment system of the present invention adjusts the display interface of the terminal device in real time and controllably by acquiring the angle data of the terminal device when rotating, so as to generate a display interface that rotates at all angles to support different types of applications.
请参阅图5,为本发明实施例中提供的终端设备的硬件结构示意图。所述终端设备500,包括一个或多个处理器51、存储器52、传感器53、以及一个或多个应用程序54。所述处理器51、存储器52、传感器53,通过数据总线55进行数据的传输。Please refer to FIG. 5 , which is a schematic diagram of a hardware structure of a terminal device provided in an embodiment of the present invention. The
存储器52可用于存储应用程序以及模块的程序代码。
处理器51通过运行存储在存储器52的应用程序以及模块,从而执行各种功能应用以及数据处理。The
在本实施例中,所述传感器53,包括但不限于加速度传感器531、和陀螺仪532。In this embodiment, the
所述加速度传感器(Accelerator Sensor)531,也称重力传感器(GravitySensor,G-Sensor),用于运动时检测各个方向上(一般为三轴)加速度的大小,静止时检测出重力的大小及方向,以便执行识别手机姿态类的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、及振动识别相关的功能(比如计步器、敲击)等。在本实施例中,加速度传感器531主要用于确认终端设备是否发生旋转。其数据的展示方式,如:手机平放时,原始数据为:X轴和Y轴的加速度都是0,Z轴的加速度等于重力加速度。当手机发生旋转时,会产生新的数据,其变化量为新数据减去原始数据。The acceleration sensor (Accelerator Sensor) 531, also called Gravity Sensor (G-Sensor), is used to detect the magnitude of acceleration in various directions (generally three axes) during motion, and to detect the magnitude and direction of gravity when stationary, In order to perform applications such as mobile phone gesture recognition (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), and vibration recognition related functions (such as pedometer, tapping), etc. In this embodiment, the
所述陀螺仪(Gyroscope)532,也称角速度传感器(Gyro-Sensor),用于结合加速度传感器531,在发生旋转时,确定终端设备500的旋转角度。其数据的展示方式,如,X:0.053,Y:-0.006,Z:9.793,屏幕方向:竖屏。可以理解的是,上述+-,在X轴、Y轴、和Z轴分别对应于左右、前后、和上下。The gyroscope (Gyroscope) 532, also called an angular velocity sensor (Gyro-Sensor), is used in conjunction with the
在本实施例中,所述一个或多个应用程序54的程序代码被存储于所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序包括用于如下操作的指令:In this embodiment, the program code of the one or
在终端设备发生旋转时,接收传感器的角度数据;When the terminal device rotates, receive the angle data of the sensor;
根据所述角度数据生成屏幕的调节参数,所述调节参数包括显示界面中图标的显示方向、和/或图标的布局位置;以及generating adjustment parameters of the screen according to the angle data, the adjustment parameters including the display direction of the icons in the display interface and/or the layout positions of the icons; and
根据所述调节参数,调节终端设备的显示界面。According to the adjustment parameters, the display interface of the terminal device is adjusted.
进而实现上述实施例中提供的显示界面的调节方法、和/或运行上述显示界面的调节系统。Further, the method for adjusting the display interface provided in the above-mentioned embodiments, and/or the adjusting system for operating the above-mentioned display interface is implemented.
本发明实施例提供的显示界面的调节方法及调节系统属于同一构思,其具体实现过程详见说明书全文,此处不再赘述。The adjustment method and adjustment system of the display interface provided by the embodiments of the present invention belong to the same concept, and the specific implementation process thereof is detailed in the full text of the specification, and will not be repeated here.
综上所述,虽然本发明已以优选实施例揭露如上,但上述优选实施例并非用以限制本发明,本领域的普通技术人员,在不脱离本发明的精神和范围内,均可作各种更动与润饰,因此本发明的保护范围以权利要求界定的范围为准。In summary, although the present invention has been disclosed above with preferred embodiments, the above preferred embodiments are not intended to limit the present invention. Those of ordinary skill in the art can make various Therefore, the protection scope of the present invention is subject to the scope defined by the claims.
Claims (6)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610807101.9A CN106445334B (en) | 2016-09-06 | 2016-09-06 | Display interface adjusting method and adjusting system |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610807101.9A CN106445334B (en) | 2016-09-06 | 2016-09-06 | Display interface adjusting method and adjusting system |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106445334A CN106445334A (en) | 2017-02-22 |
CN106445334B true CN106445334B (en) | 2020-03-10 |
Family
ID=58164918
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610807101.9A Expired - Fee Related CN106445334B (en) | 2016-09-06 | 2016-09-06 | Display interface adjusting method and adjusting system |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106445334B (en) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107783704B (en) * | 2017-09-27 | 2021-07-23 | 北京小米移动软件有限公司 | Picture effect adjusting method and device and terminal |
CN110162246A (en) * | 2019-04-16 | 2019-08-23 | 深圳壹账通智能科技有限公司 | Object displaying method, device, computer equipment and storage medium |
CN110456959B (en) * | 2019-07-31 | 2021-04-23 | 维沃移动通信有限公司 | A terminal control method and terminal |
CN111857910A (en) * | 2020-06-28 | 2020-10-30 | 维沃移动通信有限公司 | Information display method, device and electronic device |
CN113220198A (en) * | 2021-05-08 | 2021-08-06 | 北京达佳互联信息技术有限公司 | Parameter adjusting method and device |
CN116182015A (en) * | 2022-12-20 | 2023-05-30 | 河北华发教育科技股份有限公司 | A liquid crystal display device with rotatable angle and screen rotation method thereof |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20080086715A (en) * | 2007-03-23 | 2008-09-26 | 주식회사 현대오토넷 | How to display own vehicle mark in navigation |
CN103049189A (en) * | 2012-12-10 | 2013-04-17 | 广东欧珀移动通信有限公司 | Method and device for browsing page content |
CN103294358A (en) * | 2013-05-17 | 2013-09-11 | 北京小米科技有限责任公司 | Method, device and equipment for controlling screen to rotate |
CN103440082A (en) * | 2013-07-29 | 2013-12-11 | 宇龙计算机通信科技(深圳)有限公司 | Mobile terminal operation method and mobile terminal |
CN104468874A (en) * | 2013-09-16 | 2015-03-25 | 中国电信股份有限公司 | Method for switching one-handed operation mode and mobile terminal |
CN105100396A (en) * | 2015-05-21 | 2015-11-25 | 努比亚技术有限公司 | Mobile terminal and rotating display method and device thereof |
CN105094567A (en) * | 2015-08-20 | 2015-11-25 | Tcl集团股份有限公司 | Intelligent terminal operation implementation method and system based on gravity sensor |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103049172B (en) * | 2012-12-20 | 2015-11-25 | 小米科技有限责任公司 | Sidebar display packing, device and terminal |
CN103885642A (en) * | 2012-12-21 | 2014-06-25 | 鸿富锦精密工业(深圳)有限公司 | Display control system and display control method |
CN104364748B (en) * | 2013-05-29 | 2018-05-11 | 华为技术有限公司 | The switching of terminal operating mode and rendering method and terminal |
CN105630294A (en) * | 2015-12-28 | 2016-06-01 | 广东欧珀移动通信有限公司 | Method and device for adjusting virtual keys of mobile terminal and mobile terminal |
-
2016
- 2016-09-06 CN CN201610807101.9A patent/CN106445334B/en not_active Expired - Fee Related
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20080086715A (en) * | 2007-03-23 | 2008-09-26 | 주식회사 현대오토넷 | How to display own vehicle mark in navigation |
CN103049189A (en) * | 2012-12-10 | 2013-04-17 | 广东欧珀移动通信有限公司 | Method and device for browsing page content |
CN103294358A (en) * | 2013-05-17 | 2013-09-11 | 北京小米科技有限责任公司 | Method, device and equipment for controlling screen to rotate |
CN103440082A (en) * | 2013-07-29 | 2013-12-11 | 宇龙计算机通信科技(深圳)有限公司 | Mobile terminal operation method and mobile terminal |
CN104468874A (en) * | 2013-09-16 | 2015-03-25 | 中国电信股份有限公司 | Method for switching one-handed operation mode and mobile terminal |
CN105100396A (en) * | 2015-05-21 | 2015-11-25 | 努比亚技术有限公司 | Mobile terminal and rotating display method and device thereof |
CN105094567A (en) * | 2015-08-20 | 2015-11-25 | Tcl集团股份有限公司 | Intelligent terminal operation implementation method and system based on gravity sensor |
Also Published As
Publication number | Publication date |
---|---|
CN106445334A (en) | 2017-02-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106445334B (en) | Display interface adjusting method and adjusting system | |
KR102491443B1 (en) | Display adaptation method and apparatus for application, device, and storage medium | |
AU2014315443B2 (en) | Tilting to scroll | |
US10102829B2 (en) | Display rotation management | |
AU2014315445B2 (en) | Tilting to scroll | |
US9633412B2 (en) | Method of adjusting screen magnification of electronic device, machine-readable storage medium, and electronic device | |
KR102243855B1 (en) | Method and apparatus for operating image in a electronic device | |
KR20130051098A (en) | Controlling method for rotating screen and portable device, and touch system supporting the same | |
CN113384880A (en) | Virtual scene display method, device, computer equipment and storage medium | |
CN105718232A (en) | Display method and display device of arbitrary angle plane rotation | |
CN110853128B (en) | Virtual object display method and device, computer equipment and storage medium | |
CN108196701B (en) | Method and device for determining posture and VR equipment | |
US20150160841A1 (en) | Desktop-like device and method for displaying user interface | |
CN109302563B (en) | Anti-shake processing method and device, storage medium and mobile terminal | |
US20190212834A1 (en) | Software gyroscope apparatus | |
CN115543082A (en) | Interaction method, interaction device, terminal equipment and computer-readable storage medium | |
WO2012030265A1 (en) | Face screen orientation and related devices and methods | |
CN112007357A (en) | Client-side delay improvement method, main processor, processing circuit and cloud game server | |
CN111813473A (en) | Screen capture method, device and electronic device | |
CN110996115A (en) | Live video playing method, device, equipment, storage medium and program product | |
CN114661404A (en) | Control method, device, electronic device and storage medium for adjusting control | |
WO2023221929A1 (en) | Image display method and apparatus, electronic device, and storage medium | |
HK40055280A (en) | Display method of sliding list, device, equipment and readable storage medium | |
CN113608649A (en) | Display method, device and equipment of sliding list and readable storage medium | |
HK40019576B (en) | Method for obtaining poi data, terminal and readable storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20200310 |