CN108255405B - 用户界面显示方法、装置及终端 - Google Patents
用户界面显示方法、装置及终端 Download PDFInfo
- Publication number
- CN108255405B CN108255405B CN201810055548.4A CN201810055548A CN108255405B CN 108255405 B CN108255405 B CN 108255405B CN 201810055548 A CN201810055548 A CN 201810055548A CN 108255405 B CN108255405 B CN 108255405B
- Authority
- CN
- China
- Prior art keywords
- content
- sub
- display
- display area
- slip signals
- 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
Links
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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- 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
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种用户界面显示方法、装置及设备,属于人机交互领域。所述方法包括:接收滑动信号;根据所述滑动信号在屏幕上的滑动,显示呼出用户界面;所述呼出用户界面包括第一显示区域和第二显示区域;当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容。本申请可以解决下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题。
Description
技术领域
本发明实施例涉及人机交互领域,特别涉及一种用户界面显示方法、装置及终端。
背景技术
诸如智能手机、平板电脑之类的移动终端是用户日常使用最频繁的电子设备。
在相关技术中,当用户在桌面的顶部状态栏进行下拉时,操作系统会跟随用户的下拉操作显示下拉用户界面。下拉用户界面上显示有若干个控制项和若干个通知消息。控制项包括:无线网络开关、蓝牙开关、静音开关、飞行模式开关、亮度调节滑块条等。
但由于下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少。
发明内容
本申请提供了一种用户界面显示方法、装置及终端,可以解决下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题。所述技术方案如下:
根据本申请的第一方面,提供了一种用户界面显示方法,所述方法包括:
接收滑动信号;
根据所述滑动信号在屏幕上显示呼出用户界面,所述呼出用户界面包括的第一显示区域和第二显示区域,所述第一显示区域显示有第一显示内容的第一子内容,所述第二显示区域显示有第二显示内容的第四子内容;
当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,所述第二显示内容包括所述第三子内容和所述第四子内容;
当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,所述第一显示内容包括所述第一子内容和所述第二子内容。
根据本申请的第二方面,提供了一种用户界面显示装置,所述装置包括:
接收模块,用于接收滑动信号;
根据所述滑动信号在屏幕上显示呼出用户界面,所述呼出用户界面包括的第一显示区域和第二显示区域,所述第一显示区域显示有第一显示内容的第一子内容,所述第二显示区域显示有第二显示内容的第四子内容;
当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,所述第二显示内容包括所述第三子内容和所述第四子内容;
当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,所述第一显示内容包括所述第一子内容和所述第二子内容。
根据本申请的第三方面,提供了一种终端,所述终端包括:处理器和存储器,所述存储器存储有至少一个程序,所述至少一个程序由所述处理器加载并执行以实现如上所述的用户界面显示方法。
根据本申请的第四方面,提供了一种计算机可读存储介质,所述存储介质存储有至少一个程序,所述至少一个程序由所述处理器加载并执行以实现如上所述的用户界面显示方法。
本发明实施例提供的技术方案带来的有益效果至少包括:
通过在呼出用户界面上提供并列的第一显示区域和第二显示区域,在两个显示区域中提供两个不同类型的显示内容的预览,根据滑动信号的滑动方向动态改变其中一个显示区域的显示内容,从而使得第一显示区域和第二显示区域均显示某一个类型的显示内容,解决了相关技术中的下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题,达到了根据滑动信号的滑动方向,在用户预览第一显示内容和第二显示内容后,可以在整个呼出用户界面上全部显示第一显示内容或第二显示内容,在有限的显示区域内显示出更多用户期望的显示内容的效果。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本申请一个示例性实施例提供的用户界面显示方法的流程图;
图2示出了图1实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图3示出了图1实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图4示出了图1实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图5示出了图1实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图6示出了图1实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图7示出了本申请一个示例性实施例提供的用户界面显示方法的流程图;
图8示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图9示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图10示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图11示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图12示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图13示出了图7实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图14示出了本申请一个示例性实施例提供的用户界面显示方法的流程图;
图15示出了图14实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图16示出了图14实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图17示出了图14实施例提供的用户界面显示方法在示意性实施时的界面示意图;
图18示出了本申请一个示例性实施例提供的用户界面显示装置的流程图;
图19示出了本申请一个示例性实施例提供的终端的框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
本实施例提供的用户界面显示方法可以应用于终端中。该终端可以是手机、平板电脑、电子书阅读器、MP3(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。可选地,该终端上设置有触摸屏。
图1示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。本实施例以该方法应用于终端中来举例说明。该方法包括:
步骤101,接收滑动信号;
终端的屏幕可以是触摸屏,终端通过触摸屏接收滑动信号。
步骤102,根据滑动信号在屏幕上的滑动,显示呼出用户界面,该呼出用户界面包括第一显示区域和第二显示区域;
可选地,终端跟随滑动信号在屏幕上的滑动过程,将呼出用户界面从屏幕的预设边缘移入屏幕中进行显示。该呼出用户界面可以采用下拉界面控件或抽屉控件实现。
第一显示区域和第二显示区域分别对应不同类型的显示内容。
可选地,第一显示区域对应第一显示内容,第一显示内容包括第一子内容和第二子内容,第一显示区域在初始状态下显示第一显示内容的第一子内容。
可选地,第二显示区域对应第二显示内容,第二显示内容包括第三子内容和第四子内容,第二显示区域在初始状态显示第二显示内容的第四子内容。
示意性的参考图2,终端在接收到滑动信号后,将呼出用户界面50从屏幕的顶端移入屏幕中显示。该呼出用户界面50还可称为下拉用户界面。该呼出用户界面50包括位于左侧的第一显示区域51和位于右侧的第二显示区域52。第一显示区域51显示有第一显示内容的左半部内容,第二显示区域52显示有第二显示内容的右半部内容。
步骤103,当滑动信号的滑动方向为第一方向时,将第一显示区域中的第一子内容更换为第二显示内容对应的第三子内容;
以第一方向是向右方向为例,当滑动信号的滑动方向为向右方向时,终端将第一显示区域中的第一子内容更换为第二显示内容的第三子内容,使得第一显示区域和第二显示区域分别显示第二显示内容的一部分内容,从而在呼出用户界面上显示第二显示内容。
示意性的参考图3,当该滑动信号的滑动方向为向右方向时,终端将第一显示区域51中显示的第一显示内容的左半部内容,更换为第二用户界面的左半部内容,使得整个呼出用户界面50的显示内容是第二用户界面的显示内容。
步骤104,当滑动信号的滑动方向为第二方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容。
以第二方向是向左方向为例,当滑动信号的滑动方向为向左方向时,终端将第二显示区域中的第四子内容更换为第一显示内容对应的第二子内容,使得第一显示区域和第二显示区域分别显示第一用户界面的一部分内容,从而在呼出用户界面上显示第一显示内容。
结合参考图4,当该滑动信号的滑动方向为向左方向时,终端将第二显示区域52中显示的第二显示内容的右半部内容,更换为第一显示内容的右半部内容,使得整个呼出用户界面50的显示内容是第一显示内容。
综上所述,本实施例提供的方法,通过在呼出用户界面上提供并列的第一显示区域和第二显示区域,在两个显示区域中提供两个不同类型的显示内容的预览,根据滑动信号的滑动方向动态改变其中一个显示区域的显示内容,从而使得第一显示区域和第二显示区域均显示某一个类型的显示内容,解决了相关技术中的下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题,达到了根据滑动信号的滑动方向,在用户预览第一显示内容和第二显示内容后,可以在整个呼出用户界面上全部显示第一显示内容或第二显示内容,在有限的显示区域内显示出更多用户期望的显示内容的效果。
需要说明的是,上述实施例中,滑动信号可以是直线型滑动信号,也可以是近似直线的曲线型滑动信号,还可以是具有拐点的两段式滑动信号。本申请对滑动信号的具体形式不加以限定。示意性的,上述滑动信号可以是滑动信号由向下变为向左的滑动信号,或上述滑动信号可以是向下变为向右的滑动信号。
参考图5,当该滑动信号的滑动方向从向下方向变为向右方向时,终端将第一显示区域51中显示的第一显示内容的左半部内容,更换为第二用户界面的左半部内容,使得整个呼出用户界面50的显示内容是第二用户界面的显示内容。
参考图6,当该滑动信号的滑动方向从向下方向变为向左方向时,终端将第二显示区域52中显示的第二显示内容的右半部内容,更换为第一显示内容的右半部内容,使得整个呼出用户界面50的显示内容是第一显示内容。
上述实施例中的第一用户界面可以是控制中心界面,该控制中心界面是用于显示至少一个控制项的用户界面;第二用户界面可以是通知中心界面,该通知中心界面是用于显示至少一条通知消息的用户界面。或者,第一用户界面是通知中心界面,第二用户界面是控制中心界面。下面以第一用户界面是控制中心界面,第二用户界面是通知中心界面,滑动信号是具有拐点的两段式滑动信号来举例说明。
图7示出了本申请一个示例性实施例提供的用户界面显示方法的流程图。该方法包括:
步骤701,接收滑动信号;
示意性的,终端的屏幕为矩形屏幕、圆角矩形屏幕、正方形屏幕或异形屏幕。以正面视图看,该终端的屏幕具有上、下、左、右四个边缘。
在待机状态下,终端的屏幕上显示有若干个应用程序的图标和状态栏。若干个应用程序的图标可以包括操作系统自带的应用程序的图标,以及第三方开发商提供的应用程序的图标。
终端通过触摸屏接收滑动信号。示例性的,一个典型的滑动信号包括:一个手指按下事件(ACTION_DOWN)、至少一个手指滑动事件(ACTION_MOVE)和一个手指抬起事件(ACTION_UP)组成。通常,一个滑动信号都是由ACTION_DOWN开始。每个动作在触摸屏上都可以存在对应的触摸坐标。
步骤702,根据滑动信号在预设方向上的滑动,在屏幕上显示呼出用户界面;
该滑动信号的初始滑动方向为预设方向。本实施例中,以预设方向是向下方向进行示意。
可选地,终端跟随滑动信号在屏幕上的滑动过程,将呼出用户界面从屏幕的预设边缘移入屏幕中进行显示。该呼出用户界面可以采用下拉界面控件或抽屉控件实现。
可选地,当滑动信号符合预设条件时,终端根据滑动信号沿预设方向上的滑动,在屏幕上显示呼出用户界面。预设条件包括:滑动信号的滑动起点位于所述屏幕的预设边缘;或,滑动信号的滑动起点位于屏幕的预设边缘,且滑动信号的滑动距离超过第一阈值;或,滑动信号的滑动起点位于所述预设边缘中间的预定区域内;或,滑动信号的滑动起点位于预设边缘中间的预定区域内,且滑动信号的滑动距离超过第一阈值。本实施例中,该预设边缘可以是屏幕的上部边缘。
该呼出用户界面也称为下拉用户界面。该呼出用户界面包括第一显示区域和第二显示区域。第一显示区域是呼出用户界面左侧的全部或大部分区域,第二显示区域是呼出用户界面右侧的全部或大部分区域。
第一显示区域显示有第一显示内容的第一子内容,第二显示区域显示有第二显示内容的第四子内容。
如图8所示,呼出用户界面60包括第一显示区域61和第二显示区域62,第一显示区域61显示有控制中心界面的左半部内容,第二显示区域62显示有通知中心界面的右半部内容。
可选地,呼出用户界面60是从屏幕的顶部移入屏幕中显示的。呼出用户界面60向下移入屏幕中的速度与滑动信号的滑动速度呈正相关关系。呼出用户界面60可以占据屏幕的整个显示区域,也可以占据屏幕的部分显示区域。
第一显示区域61和第二显示区域62的长度相同,第一显示区域61和第二显示区域62的宽度相同或不同。
可选地,第一显示区域61显示有控制中心界面的左半部内容。控制中心界面是用于显示至少一个控制项的用户界面。控制项包括但不限于:飞行模式控制开关、蜂窝网络控制开关、WiFi(WIreless Fidelity,无线保真)网络控制开关、VPN(Virtual PrivateNetwork,虚拟专用网络)、WiFi热点开关、蓝牙开关、防打扰开关、定位服务开关、手电筒开关、自动旋转屏幕开关、录屏功能开关、省电模式开关、屏幕截图开关、振动开关、静音开关、屏幕常亮开关中的至少一种。按照位于中央(或非中央的其它位置)的分割线进行划分,控制中心界面包括左半部内容和右半部内容。在初始状态下,第一显示区域61显示有控制中心界面的左半部内容。
可选地,第二显示区域62显示有通知中心界面的右半部内容。通知中心界面是用于显示通知消息的用户界面。通知中心界面上显示的通知消息可以是零至多条,视未读消息的消息数量而定。通知消息包括但不限于:短信息、即时通讯类消息、语音通讯消息、邮件信息、第三方应用程序推送的推荐消息中的至少一种。按照位于中央(或非中央的其它位置)的分割线进行划分,通知中心界面包括左半部内容和右半部内容。在初始状态下,第二显示区域62显示有通知中心界面的右半部内容。
可选地,第一显示区域61和第二显示区域62之间的部分可以显示有分割线、边框或模糊过渡区域,本申请实施例对此不加以限定。
步骤703,确定滑动信号的滑动方向;
用户可以持续在屏幕上进行滑动,该滑动信号的滑动方向可以从向下方向变为其它方向,比如,向左方向或向右方向,终端实时地确定滑动信号的滑动方向。
终端接收触摸屏每隔预定时间间隔上报的ACTION_MOVE事件,从ACTION_MOVE事件中提取触摸坐标。可选地,终端根据相邻两次(或连续多次)采集到的触摸坐标,计算滑动信号的滑动方向。比如,终端将第i次触摸坐标指向第i+1个触摸坐标的方向,确定为滑动信号的滑动方向;又比如,终端根据连续多次采集到的触摸坐标绘制滑动信号的滑动轨迹,根据最近一个触摸坐标在滑动轨迹上的切线确定出滑动信号的滑动方向。本申请实施例对终端确定滑动信号的滑动方向的具体方式不加以限定。
步骤704,当滑动信号的滑动方向从预设方向变为第一方向时,将第一显示区域中的第一子内容更换为第二显示内容对应的第三子内容;
假设水平向右方向是0°方向,若滑动方向从向下方向变为向左方向,向下方向是指滑动方向属于[90° -α,90° +α],向右方向是指滑动方向属于[180° -α,180° +α]时,则终端将第一显示区域61中的通知中心界面的左半部内容,更换为控制中心界面的左半部内容,如图9所示。α为预设的误差阈值。
可选地,上述更换过程为短时间内的直接更换,或者,上述更换过程是伴随动画的慢切换。上述更换过程对应的动画可以为:将第一显示区域61和第二显示区域62之间的分割线按照第一速度向左侧移动,位于该分割线左侧的通知中心界面的显示内容逐渐消失,位于该分割线右侧的控制中心界面的显示内容逐渐增加,直至该分割线移动至屏幕的第一边缘侧时,整个呼出用户界面60上均显示控制中心界面的显示内容。也即,终端根据滑动信号沿第一方向上的滑动,将第一子内容在第一显示区域中逐渐取消显示,将第三子内容在第一显示区域中逐渐显示。
步骤705,当滑动信号的滑动方向从预设方向变为第二方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容;
假设水平向右方向是0°方向,若滑动方向从向下方向变为向右方向,向下方向是指滑动方向属于[90° -α,90° +α],向右方向是指滑动方向属于[0° -α,0° +α]时,则终端将第二显示区域62中的控制中心界面的右半部内容,更换为通知中心界面的左半部内容,如图10所述。
可选地,上述更换过程为短时间内的直接更换,或者,上述更换过程是伴随动画的慢切换。上述更换过程对应的动画可以为:将第一显示区域61和第二显示区域62之间的分割线按照第二速度向右侧移动,位于该分割线右侧的控制中心界面的显示内容逐渐消失,位于该分割线左侧的通知中心界面的显示内容逐渐增加,直至该分割线移动至屏幕的第二边缘侧时,整个呼出用户界面60上均显示通知中心界面的显示内容。也即,终端根据滑动信号沿第二方向上的滑动,将第四子内容在第二显示区域中逐渐取消显示,将第二子内容在第二显示区域中逐渐显示。
步骤706,当滑动信号的滑动方向保持预设方向不变时,显示第一显示内容,或者显示第二显示内容,或者随机显示第一显示内容和第二显示内容中的一个。
由于用户有可能不改变滑动方向而直接向下滑动,此时终端可以显示通知中心界面,或者显示控制中心界面,或者随机显示通知中心界面和控制中心界面中的一个。也即终端可以采用如下三种方式中的任意一种。
第一,显示通知中心界面。
假设水平向右方向是0°方向,当滑动方向的滑动方向保持在属于顺时针方向的[90° -α,90° +α]时,终端将第二显示区域中的控制中心界面的右半部内容,更换为通知中心界面的右半部内容,如图11所示。
该更换过程可参考步骤705中的相关描述。
第二,显示控制中心界面。
假设水平向右方向是0°方向,当滑动方向的滑动方向保持在属于顺时针方向的[90° -α,90° +α]时,终端将第一显示区域中的通知中心界面的左半部内容,更换为控制中心界面的左半部内容。
该更换过程可参考步骤704中的相关描述。
第三,随机显示通知中心界面和控制中心界面中的一个。
假设水平向右方向是0°方向,当滑动方向的滑动方向保持在属于顺时针方向的[90° -α,90° +α]时,终端生成一个随机数,当该随机数是奇数时,将第二显示区域中的控制中心界面的右半部内容,更换为通知中心界面的右半部内容;当该随机数是偶数时,将第二显示区域中的控制中心界面的右半部内容,更换为通知中心界面的右半部内容。
在一个可能的实施例中,若该滑动信号的滑动方向为预设方向的相反方向(本实施例中可以是向上方向)时,终端取消呼出用户界面的显示。也即,终端将呼出用户界面沿屏幕的预设边缘向上移出屏幕外,恢复终端的屏幕至原始显示状态。该原始显示状态是终端在显示呼出用户界面之前的显示状态。
综上所述,本实施例提供的方法,通过在呼出用户界面上提供并列的第一显示区域和第二显示区域,在两个显示区域中提供通知中心界面或控制中心界面的预览,根据滑动信号的滑动方向动态改变其中一个显示区域的显示内容,从而使得第一显示区域和第二显示区域均显示某一个显示内容,解决了相关技术中的下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题,达到了根据滑动信号的滑动方向,可以在整个呼出用户界面上全部显示第一显示内容,或在整个呼出用户界面上全部显示第二显示内容,在有限的显示区域内显示出更多用户期望的显示内容的效果。
本实施例提供的方法,还通过在滑动信号持续向下滑动时,显示通知中心界面,或者显示控制中心界面,或者随机显示通知中心界面和控制中心界面中的一个,使得即便用户没有改变滑动信号的滑动方向,终端也能够给出正确的反馈,使得用户总是能够在呼出用户界面上查看到有效的显示内容。
需要说明的一点是,在基于图7的可选实施例中,上述第一方向和第二方向可以互换。
以第二方向是向左方向为例,当滑动信号的滑动方向从向下方向变为向左方向时,终端可以将位于第二显示区域62的控制中心界面的右半部内容,更换为通知中心界面的右半部内容,如图12所示;以第一边缘是右边边缘为例,当滑动信号的滑动方向朝向第一边缘时,终端可以将位于第一显示区域61的通知中心界面的左半部内容,更换为控制中心界面的左半部内容,如图13所示。
需要说明的另一点是,在基于图7的可选实施例中,上述预设方向可以替换为向上方向。也即,滑动信号的初始滑动方向为向上方向,终端根据滑动信号在向上方向的滑动,显示呼出用户界面;当滑动信号的滑动方向从向上方向变为向左方向时,将第一显示区域中的第一子内容更换为第二显示内容的第三子内容;当滑动信号的滑动方向从向上方向变为向右方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容;或者,当滑动信号的滑动方向从向上方向变为向右方向时,将第一显示区域中的第一子内容更换为第二显示内容的第三子内容;当滑动信号的滑动方向从向上方向变为向左方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容。
上述图7至图13实施例是以第一显示区域和第二显示区域是按照左右划分来举例说明的。在不同的实施例中,该第一显示区域和第二显示区域也可以是按照上下划分来得到。请参考如下实施例:
图14示出了本申请另一个示例性实施例提供的用户界面显示方法的流程图。该方法包括:
步骤801,接收滑动信号;
步骤802,根据滑动信号在向右方向上的滑动,在屏幕上显示呼出用户界面;
该滑动信号的初始滑动方向为预设方向。本实施例中,以预设方向是向右方向进行示意。
可选地,终端跟随滑动信号在向右方向上的滑动过程,将呼出用户界面从屏幕的左侧边缘移入屏幕中进行显示。
可选地,当滑动信号符合预设条件时,终端根据滑动信号沿预设方向上的滑动,在屏幕上显示呼出用户界面。预设条件包括:滑动信号的滑动起点位于所述屏幕的预设边缘;或,滑动信号的滑动起点位于屏幕的预设边缘,且滑动信号的滑动距离超过第一阈值;或,滑动信号的滑动起点位于所述预设边缘中间的预定区域内;或,滑动信号的滑动起点位于预设边缘中间的预定区域内,且滑动信号的滑动距离超过第一阈值。本实施例中,该预设边缘可以是屏幕的左侧边缘。
该呼出用户界面包括第一显示区域和第二显示区域。第一显示区域是呼出用户界面上部的全部或大部分区域,第二显示区域是呼出用户界面下部的全部或大部分区域。
第一显示区域显示有第一显示内容的第一子内容,第二显示区域显示有第二显示内容的第四子内容。
如图15所示,呼出用户界面90包括第一显示区域91和第二显示区域92,第一显示区域91显示有第一显示内容的上半部内容,第二显示区域62显示有第二显示内容的下半部内容。
可选地,呼出用户界面60是从屏幕的右侧边缘移入屏幕中显示的。呼出用户界面60向右移入屏幕中的速度与滑动信号的滑动速度呈正相关关系。呼出用户界面60可以占据屏幕的整个显示区域,也可以占据屏幕的部分显示区域。
第一显示区域61和第二显示区域62的宽度相同,第一显示区域61和第二显示区域62的高度相同或不同。
可选地,第一显示区域61和第二显示区域62之间的部分可以显示有分割线、边框或模糊过渡区域,本申请实施例对此不加以限定。
步骤803,确定滑动信号的滑动方向;
用户可以持续在屏幕上进行滑动,该滑动信号的滑动方向可以从向下方向变为其它方向,比如,向左方向或向右方向,终端实时地确定滑动信号的滑动方向。
终端接收触摸屏每隔预定时间间隔上报的ACTION_MOVE事件,从ACTION_MOVE事件中提取触摸坐标。可选地,终端根据相邻两次(或连续多次)采集到的触摸坐标,计算滑动信号的滑动方向。比如,终端将第i次触摸坐标指向第i+1个触摸坐标的方向,确定为滑动信号的滑动方向;又比如,终端根据连续多次采集到的触摸坐标绘制滑动信号的滑动轨迹,根据最近一个触摸坐标在滑动轨迹上的切线确定出滑动信号的滑动方向。本申请实施例对终端确定滑动信号的滑动方向的具体方式不加以限定。
步骤804,当滑动信号的滑动方向从向右方向变为向上方向时,将第一显示区域中的第一子内容更换为第二显示内容对应的第三子内容;
假设水平向右方向是0°方向,若滑动方向从向右方向变为向上方向,向右方向是指滑动方向属于[180° -α,180° +α],向上方向是指滑动方向属于[270° -α,270° +α]时,终端将第一显示区域81中的第一子内容更换为第二显示内容对应的第三子内容,如图16所示。α为预设的误差阈值。
可选地,上述更换过程为短时间内的直接更换,或者,上述更换过程是伴随动画的慢切换。上述更换过程对应的动画可以为:将第一显示区域81和第二显示区域82之间的分割线按照第一速度向上移动,位于该分割线上方的第一子内容逐渐消失,位于该分割线下方的第二显示内容逐渐增加,直至该分割线移动至屏幕的上侧边缘时,整个呼出用户界面80上均显示第二显示内容。也即,终端根据滑动信号沿第一方向上的滑动,将第一子内容在第一显示区域中逐渐取消显示,将第三子内容在第一显示区域中逐渐显示。
步骤805,当滑动信号的滑动方向从向右方向变为向下方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容;
假设水平向右方向是0°方向,若滑动方向从向右方向变为向下方向,向右方向是指滑动方向属于[0° -α,0° +α],向下方向是指滑动方向属于[90° -α,90° +α]时,则终端将第二显示区域82中的第四子内容更换为第一显示内容的第二子内容,如图17所示。
可选地,上述更换过程为短时间内的直接更换,或者,上述更换过程是伴随动画的慢切换。上述更换过程对应的动画可以为:将第一显示区域81和第二显示区域82之间的分割线按照第二速度向下移动,位于该分割线下方的第二显示内容逐渐消失,位于该分割线上方的第一显示内容逐渐增加,直至该分割线移动至屏幕的第二边缘侧时,整个呼出用户界面80上均显示第一显示内容。也即,终端根据滑动信号沿第二方向上的滑动,将第四子内容在第二显示区域中逐渐取消显示,将第二子内容在第二显示区域中逐渐显示。
步骤806,当滑动信号的滑动方向保持向右方向不变时,显示第一显示内容,或者显示第二显示内容,或者随机显示第一显示内容和第二显示内容中的一个。
由于用户有可能不改变滑动方向而直接向右滑动,此时终端可以显示通知中心界面,或者显示控制中心界面,或者随机显示通知中心界面和控制中心界面中的一个。
在一个可能的实施例中,若该滑动信号的滑动方向为预设方向的相反方向(本实施例中可以是向左方向)时,终端取消呼出用户界面的显示。也即,终端将呼出用户界面沿屏幕的预设边缘向上移出屏幕外,恢复终端的屏幕至原始显示状态。该原始显示状态是终端在显示呼出用户界面之前的显示状态。
综上所述,本实施例提供的方法,通过在呼出用户界面上提供并列的第一显示区域和第二显示区域,在两个显示区域中提供通知中心界面或控制中心界面的预览,根据滑动信号的滑动方向动态改变其中一个显示区域的显示内容,从而使得第一显示区域和第二显示区域均显示某一个用户界面的显示内容,解决了相关技术中的下拉用户界面的显示区域有限,所能显示的控制项和通知消息较少的问题,达到了根据滑动信号的滑动方向,可以在整个呼出用户界面上全部显示通知中心界面,或在整个呼出用户界面上全部显示控制中心界面,在有限的显示区域内显示出更多用户期望的显示内容的效果。
本实施例提供的方法,还通过在滑动信号持续向右滑动时,显示通知中心界面,或者显示控制中心界面,或者随机显示通知中心界面和控制中心界面中的一个,使得即便用户没有改变滑动信号的滑动方向,终端也能够给出正确的反馈,使得用户总是能够在呼出用户界面上查看到有效的显示内容。
需要说明的一点是,在基于图14的可选实施例中,上述第一方向和第二方向可以互换。也即第一方向是向下方向,第二方向是向上方向。
需要说明的另一点是,在基于图14的可选实施例中,上述预设方向可以替换为向左方向。也即,滑动信号的初始滑动方向为向上方向,终端根据滑动信号在向左方向的滑动,显示呼出用户界面;当滑动信号的滑动方向从向左方向变为向上方向时,将第一显示区域中的第一子内容更换为第二显示内容的第三子内容;当滑动信号的滑动方向从向左方向变为向下方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容;或者,当滑动信号的滑动方向从向左方向变为向下方向时,将第一显示区域中的第一子内容更换为第二显示内容的第三子内容;当滑动信号的滑动方向从向左方向变为向上方向时,将第二显示区域中的第四子内容更换为第一显示内容的第二子内容。
上述各个实施例还可进行自由组合实施,此乃本领域技术人员根据上述记载所易于思及的,本文不再一一赘述。
以下为本申请实施例的装置实施例,该装置实施例与上述方法实施例一一对应。对于装置实施例中未详细描述的细节,可以参考上述方法实施例中的描述。
图18是本申请的一个示例性实施例提供的用户界面显示装置的框图。该用户界面显示装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。所述装置包括:
接收模块1820,用于接收滑动信号;
显示模块1840,用于根据所述滑动信号在屏幕上的滑动,显示呼出用户界面;所述呼出用户界面包括第一显示区域和第二显示区域,所述第一显示区域显示有第一显示内容的第一子内容,所述第二显示区域显示有第二显示内容的第四子内容;
所述显示模块1840,用于当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,所述第二显示内容包括所述第三子内容和所述第四子内容;
所述显示模块1840,用于当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,所述第一显示内容包括所述第一子内容和所述第二子内容。
在一个可选的实施例中,所述滑动信号的初始滑动方向为预设方向;
所述显示模块1840,用于当所述滑动信号的滑动方向从所述预设方向变为所述第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
所述显示模块1840,用于当所述滑动信号的滑动方向从所述预设方向变为所述第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
在一个可选的实施例中,所述显示模块1840,用于根据所述滑动信号在所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
在一个可选的实施例中,所述显示模块1840,用于根据所述滑动信号沿所述第一方向上的滑动,将所述第一子内容在所述第一显示区域中逐渐取消显示,将所述第三子内容在所述第一显示区域中逐渐显示;所述显示模块1840,用于根据所述滑动信号沿所述第二方向上的滑动,将所述第四子内容在所述第二显示区域中逐渐取消显示,将所述第二子内容在所述第二显示区域中逐渐显示。
在一个可选的实施例中,所述第一显示区域是所述呼出用户界面的左半部显示区域,所述第一子内容是所述第一显示内容的左半部内容,所述第三子内容是所述第二显示内容的左半部内容;所述第二显示区域是所述呼出用户界面的右半部显示区域,所述第二子内容是所述第二显示内容的右半部内容,所述第四子内容是所述第二显示内容的右半部内容。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
在一个可选的实施例中,所述第一显示区域是所述呼出用户界面的上半部显示区域,所述第一子内容是所述第一显示内容的上半部内容,所述第三子内容是所述第二显示内容的上半部内容;所述第二显示区域是所述呼出用户界面的下半部显示区域,所述第二子内容是所述第二显示内容的下半部内容,所述第四子内容是所述第二显示内容的下半部内容。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;或,所述显示模块1840,用于当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号符合预设条件时,根据所述滑动信号沿所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
在一个可选的实施例中,所述预设条件包括:
所述滑动信号的滑动起点位于所述屏幕的预设边缘;
或,所述滑动信号的滑动起点位于所述屏幕的预设边缘,且所述滑动信号的滑动距离超过第一阈值;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内,且所述滑动信号的滑动距离超过所述第一阈值。
在一个可选的实施例中,所述显示模块1840,用于当所述滑动信号的滑动方向保持所述预设方向不变,且所述滑动信号的滑动距离超过第二阈值时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,或者,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
图19是本申请一个示例性实施例提供的终端的结构框图,如图19所示,该终端包括处理器1920、存储器1940和屏幕1960,所述存储器1940中存储有至少一个程序,所述至少一个程序由所述处理器1920加载并执行以实现如上各个实施例所述的用户界面显示方法。该屏幕1960可以是触摸屏。
本申请提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现上述各个方法实施例提供的用户界面显示方法。
本申请还提供了一种计算机程序产品,当计算机程序产品在计算机上运行时,使得计算机执行上述各个方法实施例提供的用户界面显示方法。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (28)
1.一种用户界面显示方法,其特征在于,所述方法包括:
接收滑动信号;
根据所述滑动信号在屏幕上的滑动,显示呼出用户界面;所述呼出用户界面包括第一显示区域和第二显示区域,所述第一显示区域显示有第一显示内容的第一子内容,所述第二显示区域显示有第二显示内容的第四子内容;
当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,所述第二显示内容包括所述第三子内容和所述第四子内容;
当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,所述第一显示内容包括所述第一子内容和所述第二子内容。
2.根据权利要求1所述的方法,其特征在于,所述滑动信号的初始滑动方向为预设方向;
所述当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,包括:
当所述滑动信号的滑动方向从所述预设方向变为所述第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
所述当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,包括:
当所述滑动信号的滑动方向从所述预设方向变为所述第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
3.根据权利要求2所述的方法,其特征在于,所述根据所述滑动信号在屏幕上的滑动,显示呼出用户界面,包括:
根据所述滑动信号在所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
4.根据权利要求1至3任一所述的方法,其特征在于,所述将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,包括:
根据所述滑动信号沿所述第一方向上的滑动,将所述第一子内容在所述第一显示区域中逐渐取消显示,将所述第三子内容在所述第一显示区域中逐渐显示;
所述将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容,包括:
根据所述滑动信号沿所述第二方向上的滑动,将所述第四子内容在所述第二显示区域中逐渐取消显示,将所述第二子内容在所述第二显示区域中逐渐显示。
5.根据权利要求2所述的方法,其特征在于,
所述第一显示区域包括所述呼出用户界面的左半部显示区域,所述第一子内容包括所述第一显示内容的左半部内容,所述第三子内容包括所述第二显示内容的左半部内容;
所述第二显示区域包括所述呼出用户界面的右半部显示区域,所述第二子内容包括所述第二显示内容的右半部内容,所述第四子内容包括所述第二显示内容的右半部内容。
6.根据权利要求5所述的方法,其特征在于,所述当所述滑动信号的滑动方向从所述预设方向变为所述第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,包括:
当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
7.根据权利要求5所述的方法,其特征在于,所述当所述滑动信号的滑动方向从所述预设方向变为所述第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容,包括:
当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
8.根据权利要求2所述的方法,其特征在于,
所述第一显示区域包括所述呼出用户界面的上半部显示区域,所述第一子内容包括所述第一显示内容的上半部内容,所述第三子内容包括所述第二显示内容的上半部内容;
所述第二显示区域包括所述呼出用户界面的下半部显示区域,所述第二子内容包括所述第二显示内容的下半部内容,所述第四子内容包括所述第二显示内容的下半部内容。
9.根据权利要求8所述的方法,其特征在于,所述当所述滑动信号的滑动方向从所述预设方向变为所述第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,包括:
当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
当所述滑动信号的滑动方向从向右方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
10.根据权利要求8所述的方法,其特征在于,所述当所述滑动信号的滑动方向从所述预设方向变为所述第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容,包括:
当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
当所述滑动信号的滑动方向从向右方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
11.根据权利要求3所述的方法,其特征在于,所述根据所述滑动信号在所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面,包括:
当所述滑动信号符合预设条件时,根据所述滑动信号沿所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
12.根据权利要求11所述的方法,其特征在于,所述预设条件包括:
所述滑动信号的滑动起点位于所述屏幕的预设边缘;
或,所述滑动信号的滑动起点位于所述屏幕的预设边缘,且所述滑动信号的滑动距离超过第一阈值;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内,且所述滑动信号的滑动距离超过第一阈值。
13.根据权利要求2或3所述的方法,其特征在于,所述方法还包括:
当所述滑动信号的滑动方向保持所述预设方向不变,且所述滑动信号的滑动距离超过第二阈值时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,或者,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
14.一种用户界面显示装置,其特征在于,所述装置包括:
接收模块,用于接收滑动信号;
显示模块,用于根据所述滑动信号在屏幕上的滑动,显示呼出用户界面;所述呼出用户界面包括第一显示区域和第二显示区域,所述第一显示区域显示有第一显示内容的第一子内容,所述第二显示区域显示有第二显示内容的第四子内容;
所述显示模块,用于当所述滑动信号的滑动方向为第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,所述第二显示内容包括所述第三子内容和所述第四子内容;
所述显示模块,用于当所述滑动信号的滑动方向为第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示区域的第二子内容,所述第一显示内容包括所述第一子内容和所述第二子内容。
15.根据权利要求14所述的装置,其特征在于,所述滑动信号的初始滑动方向为预设方向;
所述显示模块,用于当所述滑动信号的滑动方向从所述预设方向变为所述第一方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
所述显示模块,用于当所述滑动信号的滑动方向从所述预设方向变为所述第二方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
16.根据权利要求15所述的装置,其特征在于,
所述显示模块,用于根据所述滑动信号在所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
17.根据权利要求14至16任一所述的装置,其特征在于,
所述显示模块,用于根据所述滑动信号沿所述第一方向上的滑动,将所述第一子内容在所述第一显示区域中逐渐取消显示,将所述第三子内容在所述第一显示区域中逐渐显示;
所述显示模块,用于根据所述滑动信号沿所述第二方向上的滑动,将所述第四子内容在所述第二显示区域中逐渐取消显示,将所述第二子内容在所述第二显示区域中逐渐显示。
18.根据权利要求15所述的装置,其特征在于,
所述第一显示区域包括所述呼出用户界面的左半部显示区域,所述第一子内容包括所述第一显示内容的左半部内容,所述第三子内容包括所述第二显示内容的左半部内容;
所述第二显示区域包括所述呼出用户界面的右半部显示区域,所述第二子内容包括所述第二显示内容的右半部内容,所述第四子内容包括所述第二显示内容的右半部内容。
19.根据权利要求18所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
20.根据权利要求18所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号的滑动方向从向下方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向下方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于所述滑动信号的滑动方向从向上方向变为向右方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向上方向变为向左方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
21.根据权利要求15所述的装置,其特征在于,
所述第一显示区域包括所述呼出用户界面的上半部显示区域,所述第一子内容包括所述第一显示内容的上半部内容,所述第三子内容包括所述第二显示内容的上半部内容;
所述第二显示区域包括所述呼出用户界面的下半部显示区域,所述第二子内容包括所述第二显示内容的下半部内容,所述第四子内容包括所述第二显示内容的下半部内容。
22.根据权利要求21所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向右方向变为向下方向时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容。
23.根据权利要求21所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号的滑动方向从向左方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向左方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向右方向变为向下方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容;
或,
所述显示模块,用于当所述滑动信号的滑动方向从向右方向变为向上方向时,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
24.根据权利要求16所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号符合预设条件时,根据所述滑动信号沿所述预设方向上的滑动,在所述屏幕上显示所述呼出用户界面。
25.根据权利要求24所述的装置,其特征在于,所述预设条件包括:
所述滑动信号的滑动起点位于所述屏幕的预设边缘;
或,所述滑动信号的滑动起点位于所述屏幕的预设边缘,且所述滑动信号的滑动距离超过第一阈值;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内;
或,所述滑动信号的滑动起点位于所述预设边缘中间的预定区域内,且所述滑动信号的滑动距离超过第一阈值。
26.根据权利要求15或16所述的装置,其特征在于,
所述显示模块,用于当所述滑动信号的滑动方向保持所述预设方向不变,且所述滑动信号的滑动距离超过第二阈值时,将所述第一显示区域中的所述第一子内容更换为所述第二显示内容的第三子内容,或者,将所述第二显示区域中的所述第四子内容更换为所述第一显示内容的第二子内容。
27.一种终端,其特征在于,所述终端包括:处理器和存储器,所述存储器存储有至少一个程序,所述至少一个程序由所述处理器加载并执行以实现如权利要求1至13任一所述的用户界面显示方法。
28.一种计算机可读存储介质,其特征在于,所述存储介质存储有至少一个程序,所述至少一个程序由处理器加载并执行以实现如权利要求1至13任一所述的用户界面显示方法。
Priority Applications (7)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810055548.4A CN108255405B (zh) | 2018-01-19 | 2018-01-19 | 用户界面显示方法、装置及终端 |
KR1020207022048A KR102411858B1 (ko) | 2018-01-19 | 2019-01-09 | 사용자 인터페이스의 디스플레이 방법, 장치 및 디바이스 |
PCT/CN2019/071021 WO2019141119A1 (zh) | 2018-01-19 | 2019-01-09 | 用户界面显示方法、装置及设备 |
EP19740918.8A EP3742274A4 (en) | 2018-01-19 | 2019-01-09 | USER INTERFACE DISPLAY METHOD, DEVICE, AND DEVICE |
AU2019210404A AU2019210404B2 (en) | 2018-01-19 | 2019-01-09 | User interface display method, device, and apparatus |
JP2020539736A JP2021510878A (ja) | 2018-01-19 | 2019-01-09 | ユーザーインターフェース表示方法、装置及びデバイス |
US16/929,808 US11372528B2 (en) | 2018-01-19 | 2020-07-15 | User interface display method, device, and apparatus |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810055548.4A CN108255405B (zh) | 2018-01-19 | 2018-01-19 | 用户界面显示方法、装置及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108255405A CN108255405A (zh) | 2018-07-06 |
CN108255405B true CN108255405B (zh) | 2019-09-10 |
Family
ID=62726942
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810055548.4A Active CN108255405B (zh) | 2018-01-19 | 2018-01-19 | 用户界面显示方法、装置及终端 |
Country Status (7)
Country | Link |
---|---|
US (1) | US11372528B2 (zh) |
EP (1) | EP3742274A4 (zh) |
JP (1) | JP2021510878A (zh) |
KR (1) | KR102411858B1 (zh) |
CN (1) | CN108255405B (zh) |
AU (1) | AU2019210404B2 (zh) |
WO (1) | WO2019141119A1 (zh) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108255405B (zh) | 2018-01-19 | 2019-09-10 | Oppo广东移动通信有限公司 | 用户界面显示方法、装置及终端 |
CN109117060B (zh) * | 2018-08-01 | 2021-07-09 | Oppo广东移动通信有限公司 | 下拉通知栏显示方法、装置、终端及存储介质 |
CN109901779B (zh) * | 2019-02-03 | 2021-03-19 | 联想(北京)有限公司 | 显示方法和电子设备 |
CN110333812B (zh) * | 2019-05-22 | 2021-09-21 | 浙江口碑网络技术有限公司 | 滑动操作的交互显示方法、装置、及存储介质、电子装置 |
CN110456951B (zh) * | 2019-06-26 | 2021-10-26 | 华为技术有限公司 | 一种应用显示方法及电子设备 |
CN115495002A (zh) * | 2021-06-01 | 2022-12-20 | 华为技术有限公司 | 一种控制方法及电子设备 |
CN115291761A (zh) * | 2022-08-09 | 2022-11-04 | 亿咖通(湖北)技术有限公司 | 信息交互方法、装置、设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101661383A (zh) * | 2008-08-29 | 2010-03-03 | 联想(北京)有限公司 | 一种电子设备及其显示控制方法 |
CN104298463A (zh) * | 2014-09-28 | 2015-01-21 | 宇龙计算机通信科技(深圳)有限公司 | 一种状态栏显示方法及系统 |
CN104375741A (zh) * | 2013-08-16 | 2015-02-25 | 联想(北京)有限公司 | 信息处理的方法及电子设备 |
CN104636024A (zh) * | 2013-11-07 | 2015-05-20 | 腾讯科技(深圳)有限公司 | 一种触摸屏上快捷按钮的控制方法、装置及移动终端 |
CN107168609A (zh) * | 2017-06-06 | 2017-09-15 | 广东欧珀移动通信有限公司 | 状态栏显示方法、装置及终端 |
Family Cites Families (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101461954B1 (ko) * | 2008-05-08 | 2014-11-14 | 엘지전자 주식회사 | 단말기 및 그 제어 방법 |
CN103279303A (zh) * | 2013-05-31 | 2013-09-04 | 东莞宇龙通信科技有限公司 | 事件消息的处理方法及装置 |
CN103294402A (zh) * | 2013-06-20 | 2013-09-11 | 青岛海信移动通信技术股份有限公司 | 智能终端的应用界面切换方法及装置 |
CN103488403B (zh) * | 2013-08-30 | 2018-02-02 | 小米科技有限责任公司 | 界面布局切换方法、装置和移动终端 |
KR102244258B1 (ko) * | 2013-10-04 | 2021-04-27 | 삼성전자주식회사 | 디스플레이 장치 및 이를 이용한 영상표시방법 |
KR102107469B1 (ko) * | 2014-02-13 | 2020-05-07 | 삼성전자주식회사 | 사용자 단말 장치 및 이의 디스플레이 방법 |
US10712918B2 (en) * | 2014-02-13 | 2020-07-14 | Samsung Electronics Co., Ltd. | User terminal device and displaying method thereof |
US10747416B2 (en) | 2014-02-13 | 2020-08-18 | Samsung Electronics Co., Ltd. | User terminal device and method for displaying thereof |
JP2015176108A (ja) * | 2014-03-18 | 2015-10-05 | 日本電気株式会社 | 表示装置、制御方法及びプログラム |
WO2015192375A1 (zh) * | 2014-06-20 | 2015-12-23 | 华为技术有限公司 | 应用界面的展示方法、装置及电子设备 |
US20160041702A1 (en) | 2014-07-08 | 2016-02-11 | Nan Wang | Pull and Swipe Navigation |
CN104407827B (zh) | 2014-10-31 | 2018-01-23 | 广东欧珀移动通信有限公司 | 一种通知栏中显示消息的方法及移动终端 |
CN104503682A (zh) * | 2014-11-07 | 2015-04-08 | 联发科技(新加坡)私人有限公司 | 一种屏幕显示窗口的处理方法以及移动终端 |
CN104331246A (zh) * | 2014-11-19 | 2015-02-04 | 广州三星通信技术研究有限公司 | 在终端中进行分屏显示的设备和方法 |
JP6501525B2 (ja) * | 2015-01-08 | 2019-04-17 | キヤノン株式会社 | 情報処理装置、情報処理方法およびプログラム |
CN104571873A (zh) | 2015-01-30 | 2015-04-29 | 深圳市中兴移动通信有限公司 | 一种通知栏的管理方法及装置 |
CN106293444B (zh) | 2015-06-25 | 2020-07-03 | 小米科技有限责任公司 | 移动终端、显示控制方法及装置 |
CN104978110B (zh) * | 2015-07-27 | 2018-06-01 | 联想(北京)有限公司 | 显示处理方法和显示处理设备 |
KR20170029329A (ko) * | 2015-09-07 | 2017-03-15 | 엘지전자 주식회사 | 이동단말기 및 그 제어방법 |
WO2017088131A1 (zh) * | 2015-11-25 | 2017-06-01 | 华为技术有限公司 | 一种快速分屏的方法、装置、电子设备、显示界面以及存储介质 |
CN105468286A (zh) | 2015-11-27 | 2016-04-06 | 广州华多网络科技有限公司 | 一种基于移动终端操作状态栏的方法及移动终端 |
WO2019000438A1 (zh) * | 2017-06-30 | 2019-01-03 | 华为技术有限公司 | 显示图形用户界面的方法及电子设备 |
CN108255405B (zh) * | 2018-01-19 | 2019-09-10 | Oppo广东移动通信有限公司 | 用户界面显示方法、装置及终端 |
-
2018
- 2018-01-19 CN CN201810055548.4A patent/CN108255405B/zh active Active
-
2019
- 2019-01-09 KR KR1020207022048A patent/KR102411858B1/ko active IP Right Grant
- 2019-01-09 EP EP19740918.8A patent/EP3742274A4/en active Pending
- 2019-01-09 JP JP2020539736A patent/JP2021510878A/ja active Pending
- 2019-01-09 AU AU2019210404A patent/AU2019210404B2/en active Active
- 2019-01-09 WO PCT/CN2019/071021 patent/WO2019141119A1/zh unknown
-
2020
- 2020-07-15 US US16/929,808 patent/US11372528B2/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101661383A (zh) * | 2008-08-29 | 2010-03-03 | 联想(北京)有限公司 | 一种电子设备及其显示控制方法 |
CN104375741A (zh) * | 2013-08-16 | 2015-02-25 | 联想(北京)有限公司 | 信息处理的方法及电子设备 |
CN104636024A (zh) * | 2013-11-07 | 2015-05-20 | 腾讯科技(深圳)有限公司 | 一种触摸屏上快捷按钮的控制方法、装置及移动终端 |
CN104298463A (zh) * | 2014-09-28 | 2015-01-21 | 宇龙计算机通信科技(深圳)有限公司 | 一种状态栏显示方法及系统 |
CN107168609A (zh) * | 2017-06-06 | 2017-09-15 | 广东欧珀移动通信有限公司 | 状态栏显示方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
WO2019141119A1 (zh) | 2019-07-25 |
AU2019210404B2 (en) | 2022-03-17 |
US11372528B2 (en) | 2022-06-28 |
EP3742274A4 (en) | 2021-03-17 |
KR20200102491A (ko) | 2020-08-31 |
AU2019210404A1 (en) | 2020-08-13 |
KR102411858B1 (ko) | 2022-06-22 |
US20200363937A1 (en) | 2020-11-19 |
JP2021510878A (ja) | 2021-04-30 |
EP3742274A1 (en) | 2020-11-25 |
CN108255405A (zh) | 2018-07-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108255405B (zh) | 用户界面显示方法、装置及终端 | |
CN103543903B (zh) | 快捷操作方法、装置及移动终端 | |
CN107957836B (zh) | 录屏方法、装置及终端 | |
CN105760041B (zh) | 一种未读消息的展示方法及系统 | |
CN108319414A (zh) | 界面显示方法及装置 | |
CN105940365B (zh) | 一种通知信息处理方法、装置和终端 | |
CN108255404B (zh) | 用户界面显示方法、装置及终端 | |
CN106020626B (zh) | 消息通知的管理方法、消息通知的管理系统和终端 | |
CN107656671A (zh) | 悬浮小窗控制方法及装置、终端装置及计算机可读存储介质 | |
CN105389040A (zh) | 包括触敏显示器的电子装置及操作该电子装置的方法 | |
CN108228073A (zh) | 界面显示方法及装置 | |
CN110134484A (zh) | 消息图标的显示方法、装置、终端及存储介质 | |
CN104954549B (zh) | 电子装置以及通信方法 | |
CN106375601B (zh) | 一种提醒处理方法和移动终端 | |
CN105897961A (zh) | 一种智能手机操作方法、装置及智能手机 | |
CN110531920A (zh) | 侧边工具栏的显示方法、装置、终端及存储介质 | |
CN109085990A (zh) | 一种手势控制方法、移动终端及计算机可读存储介质 | |
CN109358941A (zh) | 一种控制方法及电子设备 | |
US20220131822A1 (en) | Voice communication method | |
CN109117060A (zh) | 下拉通知栏显示方法、装置、终端及存储介质 | |
CN109542304A (zh) | 显示内容的加载方法、装置、设备及存储介质 | |
CN108803990A (zh) | 交互方法、装置及终端 | |
CN109375846A (zh) | 呼吸图标的显示方法及装置、移动终端及可读存储介质 | |
CN106210278A (zh) | 一种屏幕控制的方法及终端 | |
CN110515524A (zh) | 输入信息的方法、装置、终端及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: 523860 No. 18, Wu Sha Beach Road, Changan Town, Dongguan, Guangdong Applicant after: OPPO Guangdong Mobile Communications Co., Ltd. Address before: 523860 No. 18, Wu Sha Beach Road, Changan Town, Dongguan, Guangdong Applicant before: Guangdong OPPO Mobile Communications Co., Ltd. |
|
CB02 | Change of applicant information | ||
GR01 | Patent grant | ||
GR01 | Patent grant |