WO2020087314A1 - 用户界面显示方法、终端设备及存储介质 - Google Patents

用户界面显示方法、终端设备及存储介质 Download PDF

Info

Publication number
WO2020087314A1
WO2020087314A1 PCT/CN2018/112840 CN2018112840W WO2020087314A1 WO 2020087314 A1 WO2020087314 A1 WO 2020087314A1 CN 2018112840 W CN2018112840 W CN 2018112840W WO 2020087314 A1 WO2020087314 A1 WO 2020087314A1
Authority
WO
WIPO (PCT)
Prior art keywords
contact point
display component
user interface
distance
sliding
Prior art date
Application number
PCT/CN2018/112840
Other languages
English (en)
French (fr)
Inventor
苏冠樑
王根源
Original Assignee
深圳市大疆创新科技有限公司
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 深圳市大疆创新科技有限公司 filed Critical 深圳市大疆创新科技有限公司
Priority to PCT/CN2018/112840 priority Critical patent/WO2020087314A1/zh
Priority to CN201880041618.9A priority patent/CN110809753A/zh
Publication of WO2020087314A1 publication Critical patent/WO2020087314A1/zh
Priority to US17/242,298 priority patent/US20210247899A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/041Indexing scheme relating to G06F3/041 - G06F3/045
    • G06F2203/04108Touchless 2D- digitiser, i.e. digitiser detecting the X/Y position of the input means, finger or stylus, also when it does not touch, but is proximate to the digitiser's interaction surface without distance measurement in the Z direction
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416Control or interface arrangements specially adapted for digitisers
    • G06F3/0418Control or interface arrangements specially adapted for digitisers for error correction or compensation, e.g. based on parallax, calibration or alignment
    • G06F3/04186Touch location disambiguation

Definitions

  • a first aspect of an embodiment of the present invention is to provide a user interface display method, including:
  • the location area to which the starting contact point belongs in the display component determines the location area to which the starting contact point belongs in the display component, at least two different location areas corresponding to different angles Threshold
  • FIG. 1 is a flowchart of a user interface display method provided by an embodiment of the present invention
  • FIG. 8 is a schematic diagram of a display component of a terminal device according to another embodiment of the present invention.
  • 130 terminal equipment; 131: memory; 132: processor;
  • the processor determines the location area of the starting contact point in the display component according to the position information of the starting contact point on the display component, as shown in FIG. 2, point A represents the user ’s location on the display component 20
  • the processor connected to the display component can determine the location area of the initial contact point A on the display component 20 according to the position information of the initial contact point A on the display component 20.
  • the display component 20 includes at least two different location areas.
  • the display component 20 includes five different location areas, for example, an upper area, a lower area, a left area, a right area, and a middle area. It can be understood that this is only a schematic description, and does not limit the number and division method of different location areas.
  • the user interface to be displayed can also be viewed from the upper edge of the display component .
  • the bottom edge, the left edge, or the right edge, and optionally, the user interfaces that are respectively called from the top edge, bottom edge, left edge, and right edge of the display component may be the same or different, which is not specifically limited here.
  • the user interface to be displayed may be a user interface called from the upper edge, the lower edge, the left edge, or the right edge of the display component.
  • the processor may control the display component to display all the user interfaces to be displayed determined in the above steps
  • the page that is to say, when the user slides on the display component fast enough, the user interface to be displayed can be all called out in the display component.
  • the processor according to the starting contact point A The sliding distance to the current contact point B controls the display of the user interface to be displayed.
  • the processor may control the display component to display all pages of the user interface to be displayed determined in the above steps. If the sliding distance from the initial contact point A to the current contact point B is greater than the first distance threshold, and the user's sliding speed from the initial contact point A to the current contact point B is less than the speed threshold, the processor according to The sliding distance from the initial contact point A to the current contact point B controls the display of the user interface to be displayed.
  • Part of the page 511 displayed in the display component may be located in a preset area around the current contact point B, for example, the lower edge of the user interface 51 is called out to the position of the current contact point B, that is, when the slide When the distance is equal to the first distance threshold, for example, 40 pixels, the user interface 51 calls out to the position of the user's finger on the screen.
  • the first distance threshold for example, 40 pixels
  • Another feasible implementation manner is to control the position of some pages of the user interface in the display component to follow the change of the position of the current contact point in the display component.
  • the control user interface 51 is moved simultaneously in the vertical direction and the horizontal direction, for example, the control user interface 51 is moved right while moving downward.
  • Step S1101 when the sliding distance is greater than the first distance threshold and less than or equal to the second distance threshold, if the user's finger leaves the display component, it is determined that the user interface is in the position when the user's finger leaves the display component Describe the distance that has slipped out of the display assembly.
  • the user interface 51 is also controlled to be completely displayed in the display component.
  • Step S1201 When the sliding distance is greater than the first distance threshold and less than or equal to the second distance threshold, if the user's finger leaves the display component, the termination contact point when the user's finger leaves the display component is determined.
  • Step S1202 Determine whether to display the user interface in the display component according to the ending contact point and the starting contact point.
  • the processor 132 controls the user interface to be displayed in the display component according to the sliding distance, it is specifically used when the sliding distance is greater than the first distance threshold and less than or equal to the second distance threshold , Controlling part of the pages of the user interface to be displayed in the display component; when the sliding distance is greater than the second distance threshold, controlling all pages of the user interface to be displayed in the display component; wherein, the first distance The threshold is smaller than the second distance threshold.
  • the processor 132 determines whether to display the user interface in the display component according to the distance that the user interface has slid out of the display component, specifically for: if the user interface is in the The distance that has been slid out of the display component is greater than or equal to a third distance threshold, then all pages of the user interface are controlled to be displayed in the display component; if the user interface has slid out of the display component If it is less than the third distance threshold, the user interface is controlled not to be displayed in the display component.
  • the processor 132 is further configured to: when the sliding distance is greater than the first distance threshold and less than or equal to the second distance threshold, if the user's finger leaves the display component, determine that the user's finger leaves the display An end contact point during assembly; according to the end contact point and the start contact point, determine whether to display the user interface in the display assembly.
  • the processor 132 determines whether to display the user interface in the display component according to the end contact point and the start contact point, specifically: if the end contact point is relative to the The sliding distance of the starting contact point is greater than or equal to the fourth distance threshold, then all pages of the user interface are controlled to be displayed in the display component; if the sliding distance of the ending contact point relative to the starting contact point is less than The fourth distance threshold controls the user interface not to be displayed in the display component; wherein the fourth distance threshold is greater than the first distance threshold and less than the second distance threshold.

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

用户界面显示方法、终端设备及存储介质 技术领域
本发明实施例涉及计算机领域,尤其涉及一种用户界面显示方法、终端设备及存储介质。
背景技术
现有技术中,例如智能手表、小型相机、微型电子产品等产品,其显示组件例如屏幕尺寸较小,且该屏幕通常是触摸屏,用户通过触摸方式切换该触摸屏显示的界面。
现有技术通过用户在该触摸屏上的滑动方向确定用户将要或想要滑出的用户界面,例如,预设一个角度阈值例如45度,当该用户在该触摸屏上的滑动方向与水平方向之间的夹角大于45度时,确定用户将要或想要滑出的用户界面是上下页面,当该用户在该触摸屏上的滑动方向与水平方向之间的夹角小于45度时,确定用户将要或想要滑出的用户界面是左右页面。
但是当屏幕尺寸较小时,用户在该触摸屏上的滑动方向很容易被误判,从而导致小屏幕产品无法显示出准确的用户界面。
发明内容
本发明实施例提供一种用户界面显示方法、终端设备及存储介质,以使得小屏幕的终端设备准确显示用户界面。
本发明实施例的第一方面是提供一种用户界面显示方法,包括:
获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域;
根据所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值;
根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触 点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
本发明实施例的第二方面是提供一种终端设备,包括:显示组件、存储器和处理器;
所述存储器用于存储程序代码;
所述处理器,调用所述程序代码,当程序代码被执行时,用于执行以下操作:
获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域;
根据所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值;
根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
本发明实施例的第三方面是提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现如第一方面所述的方法。
本实施例提供的用户界面显示方法、终端设备及存储介质,通过获取用户在显示组件上的起始接触点,根据该起始接触点在显示组件上的位置信息,确定该起始接触点在显示组件中所属的位置区域,由于该显示组件包括至少两个不同的位置区域,且至少两个不同的位置区域对应不同的角度阈值,因此,根据用户从起始接触点开始的滑动操作,以及该起始接触点所属的位置区域对应的角度阈值,可准确解析该滑动操作以确定用户将要或想要滑出的用户界面,从而使得小屏幕的终端设备准确显示用户界面。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳 动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的用户界面显示方法的流程图;
图2为本发明实施例提供的终端设备显示组件的示意图;
图3为本发明实施例提供的终端设备显示组件的示意图;
图4为本发明另一实施例提供的用户界面显示方法的流程图;
图5为本发明另一实施例提供的终端设备显示组件的示意图;
图6为本发明另一实施例提供的终端设备显示组件的示意图;
图7为本发明另一实施例提供的终端设备显示组件的示意图;
图8为本发明另一实施例提供的终端设备显示组件的示意图;
图9为本发明另一实施例提供的终端设备显示组件的示意图;
图10为本发明另一实施例提供的终端设备显示组件的示意图;
图11为本发明另一实施例提供的用户界面显示方法的流程图;
图12为本发明另一实施例提供的用户界面显示方法的流程图;
图13为本发明实施例提供的终端设备的结构图。
附图标记:
1:方向;2:方向;3:方向;4:方向;
20:显示组件;21:左边缘;22:右边缘;
23:上边缘;24:下边缘;51:待显示的用户界面;
511:部分页面;512:部分页面;71:部分页面;
130:终端设备;131:存储器;132:处理器;
133:显示组件。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,当组件被称为“固定于”另一个组件,它可以直接在另一个组件上或者也可以存在居中的组件。当一个组件被认为是“连接”另一个组件,它可以是直接连接到另一个组件或者可能同时存在居中组件。
除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本发明。本文所使用的术语“及/或”包括一个或多个相关的所列项目的任意的和所有的组合。
下面结合附图,对本发明的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
本发明实施例提供一种用户界面显示方法。图1为本发明实施例提供的用户界面显示方法的流程图。如图1所示,本实施例中的方法,可以包括:
步骤S101、获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域。
如图2所示,20表示终端设备的显示组件,该终端设备具体可以是手机、平板电脑、智能手表、智能手环、小型相机、微型电子产品等设备,相应的,显示组件20具体可以是该终端设备的屏幕,该屏幕具体可以是触摸屏。可以理解,如果该终端设备是智能手表、智能手环、小型相机、微型电子产品等设备时,该显示组件20的尺寸较小。
当用户通过触摸方式控制终端设备显示或切换用户界面时,触摸屏可以感测用户在该触摸屏上的触摸、滑动等操作,并将该操作发送给该终端设备内部的处理器,该处理器根据该用户操作,生成相应的控制指令,以控制该触摸屏显示相应的用户界面。
可选的,当用户手指接触到该触摸屏时,该触摸屏可以检测用户手指在该触摸屏上的起始接触点,并将该起始接触点的相关信息例如位置信息发送给处理器。
步骤S102、根据所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值。
处理器根据该起始接触点在该显示组件上的位置信息,确定该起始接触点在该显示组件中所属的位置区域,如图2所示,A点表示该用户在显示组件20上的起始接触点,与该显示组件连接的处理器可根据起始接触 点A在显示组件20上的位置信息,确定该起始接触点A在显示组件20上所属的位置区域。如图2所示,显示组件20包括至少两个不同的位置区域,例如,显示组件20包括5个不同的位置区域,例如,上区域、下区域、左区域、右区域、中部区域。可以理解,此处只是示意性说明,并不限定不同的位置区域的个数和划分方法。
在本实施例中,显示组件中不同的位置区域对应不同的角度阈值,可选的,该显示组件中上区域和下区域对应的角度阈值是60度,左区域和右区域对应的角度阈值是30度,中部区域对应的角度阈值是45度。
步骤S103、根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
在本实施例中,处理器可根据该用户在该显示组件上的滑动操作,确定该用户从该起始接触点A开始的滑动方向,根据该滑动方向和该起始接触点A所属的位置区域对应的角度阈值,确定待显示的用户界面,并控制该用户界面在该显示组件中显示。
如图2所示,起始接触点A属于该显示组件的右区域,用户在该显示组件上的滑动方向为从起始接触点A到当前接触点B的方向,可选的,滑动方向AB与竖直方向的夹角记为α,比较α和右区域对应的角度阈值例如30度,如果α大于或等于30度,则说明待显示的用户界面是该显示组件左右两侧的用户界面,即待显示的用户界面从该显示组件的左边缘21或右边缘22呼出,例如,该用户界面从该显示组件的左边缘21沿着方向1呼出,或者,该用户界面从该显示组件的右边缘22沿着方向2呼出。
如果α小于30度,则说明待显示的用户界面是该显示组件上下两侧的用户界面,即待显示的用户界面从该显示组件的上边缘23或下边缘24呼出,例如,该用户界面从该显示组件的上边缘23沿着方向3呼出,或者,该用户界面从该显示组件的下边缘24沿着方向4呼出。
作为一种可行的实现方式,在α小于30度的情况下,如果当前接触点B在经过起始接触点A的水平方向的下面,则确定待显示的用户界面从该显示组件的上边缘23沿着方向3呼出,如果当前接触点B在经过起始接触点A的水平方向的上面,则确定待显示的用户界面从该显示组件的下 边缘24沿着方向4呼出。
如图2所述,α小于30度,当前接触点B在经过起始接触点A的水平方向的下面,待显示的用户界面从该显示组件的上边缘23沿着方向3呼出。如图3所示,α小于30度,当前接触点B在经过起始接触点A的水平方向的上面,待显示的用户界面从该显示组件的下边缘24沿着方向4呼出。
在其他实施例中,作为另一种可行的实现方式,在α小于30度的情况下,如果当前接触点B在经过起始接触点A的水平方向的下面,则确定该用户界面从该显示组件的下边缘24沿着方向4呼出,如果当前接触点B在经过起始接触点A的水平方向的上面,则确定该用户界面从该显示组件的上边缘23沿着方向3呼出。
同理,在α大于或等于30度的情况下,如果当前接触点B在经过起始接触点A的竖直方向的左侧,则确定待显示的用户界面从该显示组件的右边缘22沿着方向2呼出,如果当前接触点B在经过起始接触点A的竖直方向的右侧,则确定该用户界面从该显示组件的左边缘21沿着方向1呼出。
在其他实施例中,在α大于或等于30度的情况下,如果当前接触点B在经过起始接触点A的竖直方向的左侧,则确定待显示的用户界面从该显示组件的左边缘21沿着方向1呼出,如果当前接触点B在经过起始接触点A的竖直方向的右侧,则确定该用户界面从该显示组件的右边缘22沿着方向2呼出。
也就是说,当用户在该显示组件中的起始接触点A位于右区域时,根据用户从起始接触点A开始的滑动方向与右区域对应的角度阈值之间的关系,以及当前接触点B相对于经过起始接触点A的竖直方向或水平方向的位置关系,待显示的用户界面可以从该显示组件的上边缘、下边缘、左边缘或右边缘呼出。
同理,当用户在该显示组件中的起始接触点A位于其他的位置区域例如左区域、上区域、下区域或中部区域时,该待显示的用户界面也可以从该显示组件的上边缘、下边缘、左边缘或右边缘呼出,可选的,从该显示组件的上边缘、下边缘、左边缘、右边缘分别呼出的用户界面可以相同, 也可以不同,此处不做具体限定。
本实施例通过获取用户在显示组件上的起始接触点,根据该起始接触点在显示组件上的位置信息,确定该起始接触点在显示组件中所属的位置区域,由于该显示组件包括至少两个不同的位置区域,且至少两个不同的位置区域对应不同的角度阈值,因此,根据用户从起始接触点开始的滑动操作,以及该起始接触点所属的位置区域对应的角度阈值,可准确解析该滑动操作以确定用户将要或想要滑出的用户界面,从而使得小屏幕的终端设备准确显示用户界面。
本发明实施例提供一种用户界面显示方法。图4为本发明另一实施例提供的用户界面显示方法的流程图。如图4所示,在图1所示实施例的基础上,所述根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示,可以包括:
步骤S401、根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个。
如图2或图3所示,用户从起始接触点A开始滑动,显示组件20可实时检测该用户从起始接触点A开始的滑动操作,处理器根据该用户的滑动操作确定该用户在显示组件上的滑动方向、滑动距离和滑动速度中的至少一个。
可选的,所述根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个,包括:根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的当前接触点;根据所述当前接触点和所述起始接触点,确定所述用户在所述显示组件上的滑动方向、滑动距离中的至少一个;和/或根据所述当前接触点和所述起始接触点,以及从所述起始接触点到所述当前接触点的时间,确定滑动速度。
例如,用户从起始接触点A开始滑动时,显示组件20可实时检测用户在该显示组件上不同时刻的接触点,可以理解,用户在该显示组件上不同时刻的接触点构成了从起始接触点A开始的滑动轨迹。相应的,处理器 可根据用户在该显示组件上不同时刻的接触点和起始接触点A,确定该用户在该显示组件上不同时刻的滑动方向和/或滑动距离,
可选的,所述滑动方向为从所述起始接触点指向所述当前接触点的方向。
可选的,所述滑动距离为所述当前接触点相对于所述起始接触点的直线距离。或者,所述滑动距离为所述当前接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
如图2所示,当前时刻用户在该显示组件上的接触点为B即当前接触点B,处理器根据起始接触点A的位置信息和当前接触点B的位置信息,即可确定出当前时刻该用户在该显示组件上的滑动方向为从起始接触点A指向当前接触点B的方向,滑动距离为从起始接触点A到当前接触点B的直线距离。在其他实施例中,该滑动距离还可以从起始接触点A到当前接触点B的直线距离在水平方向的投影距离如图2所示的AC,或者,该滑动距离还可以从起始接触点A到当前接触点B的直线距离在竖直方向上的投影距离如图2所示的AD。
另外,该处理器还可以根据从起始接触点A到当前接触点B的直线距离,以及该用户从起始接触点A滑动到当前接触点B的时间,确定该用户的滑动速度。
步骤S402、根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面。
在本实施例中,根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面的方法与上述实施例所述的方法一致,此处不再赘述。
可选的,当所述滑动距离大于第一距离阈值时,根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面。
例如,当从起始接触点A到当前接触点B的直线距离大于第一距离阈值时,根据该滑动方向和起始接触点A在该显示组件中所属的位置区域对应的角度阈值,确定待显示的用户界面。
在其他实施例中,当从起始接触点A到当前接触点B的直线距离在水 平方向的投影距离AC大于第一距离阈值,或者从起始接触点A到当前接触点B的直线距离在竖直方向上的投影距离AD大于第一距离阈值时,根据该滑动方向和起始接触点A在该显示组件中所属的位置区域对应的角度阈值,确定待显示的用户界面。
在本实施例中,该待显示的用户界面可以是从该显示组件的上边缘、下边缘、左边缘或右边缘呼出的用户界面。
步骤S403、根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示。
当处理器确定出待显示的用户界面后,根据当前的滑动距离和滑动速度中的至少一个,控制该待显示的用户界面在该显示组件中显示。
在本实施例中,根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示,包括如下几种可行的实现方式:
一种可行的实现方式是:根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
如图2所示,在α小于30度的情况下,当滑动距离大于第一距离阈值例如40个像素时,控制待显示的用户界面从该显示组件的上边缘23沿着方向3呼出。若α大于或等于30度,则当滑动距离大于第一距离阈值例如40个像素时,控制待显示的用户界面从该显示组件的右边缘22沿着方向2呼出。
另一种可行的实现方式是:当所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;当所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
如图2所示,如果用户从起始接触点A滑动到当前接触点B的滑动速度大于或等于速度阈值,则处理器可以控制该显示组件显示上述步骤确定出的待显示的用户界面的全部页面,也就是说,当用户在该显示组件上的滑动速度足够快时,待显示的用户界面可以在该显示组件中全部呼出。如果用户从起始接触点A滑动到当前接触点B的滑动速度小于该速度阈值,也就是说,该用户在该显示组件上的滑动速度不够快时,则处理器根据从起始接触点A滑动到当前接触点B的滑动距离,控制待显示的用户界面显 示。
再一种可行的实现方式是:当所述滑动距离大于第一距离阈值、且所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;当所述滑动距离大于第一距离阈值、且所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
如图2所示,如果从起始接触点A滑动到当前接触点B的滑动距离大于第一距离阈值,且用户从起始接触点A滑动到当前接触点B的滑动速度大于或等于速度阈值时,则处理器可以控制该显示组件显示上述步骤确定出的待显示的用户界面的全部页面。如果从起始接触点A滑动到当前接触点B的滑动距离大于第一距离阈值,且用户从起始接触点A滑动到当前接触点B的滑动速度小于该速度阈值时,则处理器根据从起始接触点A滑动到当前接触点B的滑动距离,控制待显示的用户界面显示。
另外,所述方法还包括:当所述滑动距离等于第一距离阈值时,控制所述用户界面的边缘显示在所述显示组件中。
如图5所示,以滑动距离为从起始接触点A滑动到当前接触点B的直线距离为例,α小于30度,待显示的用户界面从该显示组件的上边缘23沿着方向3呼出,可选的,当该滑动距离等于第一距离阈值例如40个像素时,控制该用户界面的边缘显示在所述显示组件中,例如,51表示待显示的用户界面,当从起始接触点A滑动到当前接触点B的直线距离等于40个像素时,控制待显示的用户界面50的边缘例如下边缘显示在该显示组件中。
在其他实施例中,当所述滑动距离等于第一距离阈值时,控制所述用户界面的部分页面显示在所述显示组件中所述当前接触点周围的预设区域内。
如图6所示,以滑动距离为从起始接触点A滑动到当前接触点B的直线距离为例,α小于30度,待显示的用户界面从该显示组件的上边缘23沿着方向3呼出,51表示待显示的用户界面,可选的,当该滑动距离小于第一距离阈值例如40个像素时,待显示的用户界面51不在该显示组件中显示,当该滑动距离等于第一距离阈值例如40个像素时,用户界面51从 该显示组件的上边缘23沿着方向3呼出,并且该用户界面51的部分页面显示在该显示组件中,剩余部分不显示在该显示组件中,例如,511表示该用户界面51中显示在该显示组件中的部分页面,512表示该用户界面51中未显示出的部分页面。其中,在该显示组件中显示的部分页面511可以位于当前接触点B周围的预设区域内,例如,用户界面51的下边缘呼出到当前接触点B所在的位置,也就是说,当该滑动距离等于第一距离阈值例如40个像素时,用户界面51即呼出到用户手指在屏幕中的位置。
可选的,所述根据所述滑动距离,控制所述用户界面在所述显示组件中显示,包括:当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中;当所述滑动距离大于所述第二距离阈值时,控制用户界面的全部页面显示在所述显示组件中;其中,所述第一距离阈值小于所述第二距离阈值。
可选的,所述当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中,包括:当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化。
如图5所示,当用户从起始接触点A滑动到当前接触点B时,待显示的用户界面51的边缘显示在了该显示组件中,用户还可能在当前接触点B的基础上继续滑动,继续滑动的方向可能与从A到B的方向一致,也可能不一致。如图7所示,用户沿着从A到B的方向继续滑动到E点,如果从起始接触点A到E点的滑动距离大于40个像素且小于或等于第二距离阈值例如80个像素时,则控制该用户界面51的部分页面显示在该显示组件中,可选的,用户界面51的部分页面将跟随用户手指的当前接触点在该显示组件中位置的变化而变化。例如,当前接触点E距离起始接触点A越远,用户界面51在该显示组件中显示的部分页面71越大,或者,当前接触点E相对于起始接触点A或B点的直线距离在竖直方向上的投影距离越大,则用户界面51在该显示组件中显示的部分页面71越大。另外,当用户的滑动方向发生变化时,用户界面51在该显示组件中显示的部分页面也会发生变化,如图8所示,当用户从接触点E滑动到F点时,由于当前 接触点F相对于接触点E的直线距离在水平方向的投影距离大于该直线距离在竖直方向上的投影距离,或者,当前接触点F相对于起始接触点A的直线距离在水平方向的投影距离大于预设阈值,则控制用户界面51已显示的部分页面在水平方向上移动,从而导致用户界面51已显示的部分页面变小。
另外,如果从起始接触点A到当前接触点F的滑动距离大于第二距离阈值例如80个像素时,控制用户界面51的全部页面显示在该显示组件中,也就是说,当从起始接触点A到当前接触点F的直线距离、或者该直线距离在水平方向或竖直方向上的投影距离大于80个像素时,控制用户界面51的全部页面显示在该显示组件中。
可选的,所述控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化,包括如下几种可行的实现方式:
一种可行的实现方式是:控制所述用户界面的部分页面的大小跟随所述当前接触点在所述显示组件中位置的变化而变化。
如图6所示,当从起始接触点A滑动到当前接触点B的滑动距离等于40个像素时,用户界面51的下边缘呼出到当前接触点B所在的位置,当该当前接触点发生变化时,用户界面51在显示组件中已显示的部分页面也会变化,例如,图9所示,用户从接触点B滑动到了G点,用户界面51的下边缘跟随用户手指移动到G点所在的位置,使得该用户界面51中显示在该显示组件中的部分页面511变大。
另一种可行的实现方式是:控制所述用户界面的部分页面在所述显示组件中的位置跟随所述当前接触点在所述显示组件中位置的变化而变化。
如图10所示,用户从接触点B滑动到了H点,H点相对于B点的直线距离在水平方向有投影距离,在竖直方向上也有投影距离,因此,在图6的基础上,控制用户界面51在竖直方向和水平方向同时移动,例如,控制用户界面51向右移动同时向下移动。
本实施例在滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化,使得该用户界面的部分页面的大小或位置跟随所述当前接触点在所述显示组件中位置的变化而变化,也就是说,控制用户界面 跟随用户手指在显示组件中移动,提高了用户界面显示的灵活性。
本发明实施例提供一种用户界面显示方法。图11为本发明另一实施例提供的用户界面显示方法的流程图。如图11所示,在上述实施例的基础上,本实施例中的方法,还可以包括:
步骤S1101、当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时所述用户界面在所述显示组件中已滑出的距离。
如图10所示,从起始接触点A到当前接触点H的滑动距离大于40个像素且小于或等于80个像素,若用户手指从当前接触点H离开该显示组件,则确定手指离开该显示组件时,用户界面51在显示组件中已滑出的距离,该距离可以是用户界面51的下边缘相对于显示组件上边缘23的竖直距离。
步骤S1102、根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面。
例如,根据用户界面51的下边缘相对于显示组件上边缘23的竖直距离,确定是否在该显示组件中显示该用户界面。
可选的,所述根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面,包括:若所述用户界面在所述显示组件中已滑出的距离大于或等于第三距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;若所述用户界面在所述显示组件中已滑出的距离小于第三距离阈值,则控制所述用户界面不在所述显示组件中显示。
如图10所示,当用户手指从当前接触点H离开该显示组件时,如果用户界面51的下边缘相对于显示组件上边缘23的竖直距离大于或等于第三距离阈值,则控制用户界面51完全显示在所述显示组件中。如果用户界面51的下边缘相对于显示组件上边缘23的竖直距离小于第三距离阈值,则控制用户界面51不在所述显示组件中显示,即控制用户界面51回到初始隐藏位置。可选的,该第三距离阈值可以是介于40个像素和80个像素之间的一个值。
另外,若从起始接触点A到当前接触点H的滑动距离大于80个像素,即时用户手指从当前接触点H离开该显示组件,也控制用户界面51完全显示在所述显示组件中。
本实施例通过用户手指离开显示组件时,若滑动距离大于第一距离阈值且小于或等于第二距离阈值,则进一步确定所述用户手指离开所述显示组件时所述用户界面在所述显示组件中已滑出的距离,并根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面,当用户界面在所述显示组件中已滑出的距离大于或等于第三距离阈值时,控制所述用户界面的全部页面显示在所述显示组件中;当用户界面在所述显示组件中已滑出的距离小于第三距离阈值时,控制所述用户界面回到初始隐藏位置,进一步提高了用户界面显示的灵活性。
本发明实施例提供一种用户界面显示方法。图12为本发明另一实施例提供的用户界面显示方法的流程图。如图12所示,在上述实施例的基础上,本实施例中的方法,可以包括:
步骤S1201、当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时的终止接触点。
如图10所示,从起始接触点A到当前接触点H的滑动距离大于40个像素且小于或等于80个像素,若用户手指从当前接触点H离开该显示组件,则确定手指离开该显示组件时的终止接触点即H点。
步骤S1202、根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面。
例如,根据终止接触点H和起始接触点A,确定是否在所述显示组件中显示所述用户界面51。
可选的,所述根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面,包括:若所述终止接触点相对于所述起始接触点的滑动距离大于或等于第四距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;若所述终止接触点相对于所述起始接触点的滑动距离小于所述第四距离阈值,则控制所述用户界面不在所述显示组 件中显示;其中,所述第四距离阈值大于所述第一距离阈值且小于所述第二距离阈值。
具体的,根据终止接触点H和起始接触点A的位置信息,确定终止接触点H相对于起始接触点A的滑动距离。
可选的,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离。例如,终止接触点H相对于起始接触点A的滑动距离为终止接触点H相对于起始接触点A的直线距离。
或者,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。例如,终止接触点H相对于起始接触点A的滑动距离为终止接触点H相对于起始接触点A的直线距离在水平方向或竖直方向上的投影距离。
当终止接触点H相对于起始接触点A的滑动距离大于或等于第四距离阈值时,控制用户界面51完全显示在所述显示组件中。当终止接触点H相对于起始接触点A的滑动距离小于第四距离阈值时,则控制用户界面51不在所述显示组件中显示,即控制用户界面51回到初始隐藏位置。可选的,该第四距离阈值可以是介于40个像素和80个像素之间的一个值。
本实施例通过用户手指离开显示组件时,若滑动距离大于第一距离阈值且小于或等于第二距离阈值,则进一步确定所述用户手指离开所述显示组件时的终止接触点,并根据终止接触点相对于所述起始接触点的滑动距离,确定是否在所述显示组件中显示所述用户界面,若终止接触点相对于所述起始接触点的滑动距离大于或等于第四距离阈值,则控制用户界面完全显示在所述显示组件中;若终止接触点相对于所述起始接触点的滑动距离小于第四距离阈值,则控制用户界面回到初始隐藏位置,进一步提高了用户界面显示的灵活性。
本发明实施例提供一种终端设备。图13为本发明实施例提供的终端设备的结构图,如图13所示,终端设备130包括:存储器131、处理器132和显示组件133;存储器131用于存储程序代码;处理器132,调用所述程序代码,当程序代码被执行时,用于执行以下操作:获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域;根据 所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值;根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
可选的,处理器132根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示时,具体用于:根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个;根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面;根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示。
可选的,处理器132根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个时,具体用于:根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的当前接触点;根据所述当前接触点和所述起始接触点,确定所述用户在所述显示组件上的滑动方向、滑动距离中的至少一个;和/或根据所述当前接触点和所述起始接触点,以及从所述起始接触点到所述当前接触点的时间,确定滑动速度。
可选的,所述滑动方向为从所述起始接触点指向所述当前接触点的方向。可选的,处理器132根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面时,具体用于:当所述滑动距离大于第一距离阈值时,根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面。
可选的,处理器132根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示时,具体用于:根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
可选的,处理器132根据所述滑动距离和所述滑动速度中的至少一个, 控制所述用户界面在所述显示组件中显示时,具体用于:当所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;当所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
可选的,处理器132根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在显示组件133中显示时,具体用于:当所述滑动距离大于第一距离阈值、且所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;当所述滑动距离大于第一距离阈值、且所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在显示组件133中显示。
可选的,处理器132根据所述滑动距离,控制所述用户界面在所述显示组件中显示时,具体用于:当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中;当所述滑动距离大于所述第二距离阈值时,控制用户界面的全部页面显示在所述显示组件中;其中,所述第一距离阈值小于所述第二距离阈值。
可选的,处理器132控制用户界面的部分页面显示在所述显示组件中时,具体用于:控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化。
可选的,处理器132控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化时,具体用于:控制所述用户界面的部分页面的大小跟随所述当前接触点在所述显示组件中位置的变化而变化。
可选的,处理器132控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化时,具体用于:控制所述用户界面的部分页面在所述显示组件中的位置跟随所述当前接触点在所述显示组件中位置的变化而变化。
可选的,处理器132还用于:当所述滑动距离等于第一距离阈值时,控制所述用户界面的边缘显示在所述显示组件中。
可选的,处理器132还用于:当所述滑动距离等于第一距离阈值时,控制所述用户界面的部分页面显示在显示组件133中所述当前接触点周围 的预设区域内。
可选的,处理器132还用于:当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时所述用户界面在所述显示组件中已滑出的距离;根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面。
可选的,处理器132根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面时,具体用于:若所述用户界面在所述显示组件中已滑出的距离大于或等于第三距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;若所述用户界面在所述显示组件中已滑出的距离小于第三距离阈值,则控制所述用户界面不在所述显示组件中显示。
可选的,所述滑动距离为所述当前接触点相对于所述起始接触点的直线距离。
可选的,所述滑动距离为所述当前接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
可选的,处理器132还用于:当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时的终止接触点;根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面。
可选的,处理器132根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面时,具体用于:若所述终止接触点相对于所述起始接触点的滑动距离大于或等于第四距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;若所述终止接触点相对于所述起始接触点的滑动距离小于所述第四距离阈值,则控制所述用户界面不在所述显示组件中显示;其中,所述第四距离阈值大于所述第一距离阈值且小于所述第二距离阈值。
可选的,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离。
可选的,所述终止接触点相对于所述起始接触点的滑动距离为所述终 止接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
本发明实施例提供的终端设备的具体原理和实现方式均与上述实施例类似,此处不再赘述。
本实施例通过获取用户在显示组件上的起始接触点,根据该起始接触点在显示组件上的位置信息,确定该起始接触点在显示组件中所属的位置区域,由于该显示组件包括至少两个不同的位置区域,且至少两个不同的位置区域对应不同的角度阈值,因此,根据用户从起始接触点开始的滑动操作,以及该起始接触点所属的位置区域对应的角度阈值,可准确解析该滑动操作以确定用户将要或想要滑出的用户界面,从而使得小屏幕的终端设备准确显示用户界面。
另外,本实施例还提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现上述实施例所述的用户界面显示方法
在本发明所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。上述描述的装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (45)

  1. 一种用户界面显示方法,其特征在于,包括:
    获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域;
    根据所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值;
    根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
  2. 根据权利要求1所述的方法,其特征在于,所述根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示,包括:
    根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个;
    根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面;
    根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示。
  3. 根据权利要求2所述的方法,其特征在于,所述根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个,包括:
    根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的当前接触点;
    根据所述当前接触点和所述起始接触点,确定所述用户在所述显示组件上的滑动方向、滑动距离中的至少一个;和/或
    根据所述当前接触点和所述起始接触点,以及从所述起始接触点到所述当前接触点的时间,确定滑动速度。
  4. 根据权利要求3所述的方法,其特征在于,所述滑动方向为从所 述起始接触点指向所述当前接触点的方向。
  5. 根据权利要求2-4任一项所述的方法,其特征在于,所述根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面,包括:
    当所述滑动距离大于第一距离阈值时,根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面。
  6. 根据权利要求2-5任一项所述的方法,其特征在于,所述根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示,包括:
    根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  7. 根据权利要求2-5任一项所述的方法,其特征在于,所述根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示,包括:
    当所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;
    当所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  8. 根据权利要求2-5任一项所述的方法,其特征在于,所述根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示,包括:
    当所述滑动距离大于第一距离阈值、且所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;
    当所述滑动距离大于第一距离阈值、且所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  9. 根据权利要求6-8任一项所述的方法,其特征在于,所述根据所述滑动距离,控制所述用户界面在所述显示组件中显示,包括:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中;
    当所述滑动距离大于所述第二距离阈值时,控制用户界面的全部页面 显示在所述显示组件中;
    其中,所述第一距离阈值小于所述第二距离阈值。
  10. 根据权利要求9所述的方法,其特征在于,所述当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中,包括:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制所述用户界面的部分页面跟随当前接触点在所述显示组件中位置的变化而变化。
  11. 根据权利要求10所述的方法,其特征在于,所述控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化,包括:
    控制所述用户界面的部分页面的大小跟随所述当前接触点在所述显示组件中位置的变化而变化。
  12. 根据权利要求10所述的方法,其特征在于,所述控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化,包括:
    控制所述用户界面的部分页面在所述显示组件中的位置跟随所述当前接触点在所述显示组件中位置的变化而变化。
  13. 根据权利要求9-12任一项所述的方法,其特征在于,所述方法还包括:
    当所述滑动距离等于第一距离阈值时,控制所述用户界面的边缘显示在所述显示组件中。
  14. 根据权利要求9-12任一项所述的方法,其特征在于,所述方法还包括:
    当所述滑动距离等于第一距离阈值时,控制所述用户界面的部分页面显示在所述显示组件中当前接触点周围的预设区域内。
  15. 根据权利要求10-14任一项所述的方法,其特征在于,所述方法还包括:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时所 述用户界面在所述显示组件中已滑出的距离;
    根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面。
  16. 根据权利要求15所述的方法,其特征在于,所述根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面,包括:
    若所述用户界面在所述显示组件中已滑出的距离大于或等于第三距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;
    若所述用户界面在所述显示组件中已滑出的距离小于第三距离阈值,则控制所述用户界面不在所述显示组件中显示。
  17. 根据权利要求3-16任一项所述的方法,其特征在于,所述滑动距离为当前接触点相对于所述起始接触点的直线距离。
  18. 根据权利要求3-16任一项所述的方法,其特征在于,所述滑动距离为当前接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
  19. 根据权利要求10-14任一项所述的方法,其特征在于,所述方法还包括:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时的终止接触点;
    根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面。
  20. 根据权利要求19所述的方法,其特征在于,所述根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面,包括:
    若所述终止接触点相对于所述起始接触点的滑动距离大于或等于第四距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;
    若所述终止接触点相对于所述起始接触点的滑动距离小于所述第四距离阈值,则控制所述用户界面不在所述显示组件中显示;
    其中,所述第四距离阈值大于所述第一距离阈值且小于所述第二距离 阈值。
  21. 根据权利要求20所述的方法,其特征在于,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离。
  22. 根据权利要求20所述的方法,其特征在于,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
  23. 一种终端设备,其特征在于,包括:显示组件、存储器和处理器;
    所述存储器用于存储程序代码;
    所述处理器,调用所述程序代码,当程序代码被执行时,用于执行以下操作:
    获取用户在显示组件上的起始接触点,所述显示组件包括至少两个不同的位置区域;
    根据所述起始接触点在所述显示组件上的位置信息,确定所述起始接触点在所述显示组件中所属的所述位置区域,至少两个不同的所述位置区域对应不同的角度阈值;
    根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示。
  24. 根据权利要求23所述的终端设备,其特征在于,所述处理器根据所述用户从所述起始接触点开始的滑动操作、以及所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,控制用户界面在所述显示组件中显示时,具体用于:
    根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个;
    根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面;
    根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示。
  25. 根据权利要求24所述的终端设备,其特征在于,所述处理器根 据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的滑动方向、滑动距离和滑动速度中的至少一个时,具体用于:
    根据所述用户从所述起始接触点开始的滑动操作,确定所述用户在所述显示组件上的当前接触点;
    根据所述当前接触点和所述起始接触点,确定所述用户在所述显示组件上的滑动方向、滑动距离中的至少一个;和/或
    根据所述当前接触点和所述起始接触点,以及从所述起始接触点到所述当前接触点的时间,确定滑动速度。
  26. 根据权利要求25所述的终端设备,其特征在于,所述滑动方向为从所述起始接触点指向所述当前接触点的方向。
  27. 根据权利要求24-26任一项所述的终端设备,其特征在于,所述处理器根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面时,具体用于:
    当所述滑动距离大于第一距离阈值时,根据所述滑动方向和所述起始接触点在所述显示组件中所属的所述位置区域对应的角度阈值,确定待显示的用户界面。
  28. 根据权利要求24-27任一项所述的终端设备,其特征在于,所述处理器根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示时,具体用于:
    根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  29. 根据权利要求24-27任一项所述的终端设备,其特征在于,所述处理器根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示时,具体用于:
    当所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;
    当所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  30. 根据权利要求24-27任一项所述的终端设备,其特征在于,所述处理器根据所述滑动距离和所述滑动速度中的至少一个,控制所述用户界面在所述显示组件中显示时,具体用于:
    当所述滑动距离大于第一距离阈值、且所述滑动速度大于或等于速度阈值时,控制所述用户界面的全部页面显示在所述显示组件中;
    当所述滑动距离大于第一距离阈值、且所述滑动速度小于所述速度阈值时,根据所述滑动距离,控制所述用户界面在所述显示组件中显示。
  31. 根据权利要求28-30任一项所述的终端设备,其特征在于,所述处理器根据所述滑动距离,控制所述用户界面在所述显示组件中显示时,具体用于:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,控制用户界面的部分页面显示在所述显示组件中;
    当所述滑动距离大于所述第二距离阈值时,控制用户界面的全部页面显示在所述显示组件中;
    其中,所述第一距离阈值小于所述第二距离阈值。
  32. 根据权利要求31所述的终端设备,其特征在于,所述处理器控制用户界面的部分页面显示在所述显示组件中时,具体用于:
    控制所述用户界面的部分页面跟随当前接触点在所述显示组件中位置的变化而变化。
  33. 根据权利要求32所述的终端设备,其特征在于,所述处理器控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化时,具体用于:
    控制所述用户界面的部分页面的大小跟随所述当前接触点在所述显示组件中位置的变化而变化。
  34. 根据权利要求32所述的终端设备,其特征在于,所述处理器控制所述用户界面的部分页面跟随所述当前接触点在所述显示组件中位置的变化而变化时,具体用于:
    控制所述用户界面的部分页面在所述显示组件中的位置跟随所述当前接触点在所述显示组件中位置的变化而变化。
  35. 根据权利要求31-34任一项所述的终端设备,其特征在于,所述处理器还用于:
    当所述滑动距离等于第一距离阈值时,控制所述用户界面的边缘显示在所述显示组件中。
  36. 根据权利要求31-34任一项所述的终端设备,其特征在于,所述处理器还用于:
    当所述滑动距离等于第一距离阈值时,控制所述用户界面的部分页面显示在所述显示组件中当前接触点周围的预设区域内。
  37. 根据权利要求32-36任一项所述的终端设备,其特征在于,所述处理器还用于:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时所述用户界面在所述显示组件中已滑出的距离;
    根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面。
  38. 根据权利要求37所述的终端设备,其特征在于,所述处理器根据所述用户界面在所述显示组件中已滑出的距离,确定是否在所述显示组件中显示所述用户界面时,具体用于:
    若所述用户界面在所述显示组件中已滑出的距离大于或等于第三距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;
    若所述用户界面在所述显示组件中已滑出的距离小于第三距离阈值,则控制所述用户界面不在所述显示组件中显示。
  39. 根据权利要求25-38任一项所述的终端设备,其特征在于,所述滑动距离为当前接触点相对于所述起始接触点的直线距离。
  40. 根据权利要求25-38任一项所述的终端设备,其特征在于,所述滑动距离为当前接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
  41. 根据权利要求32-36任一项所述的终端设备,其特征在于,所述处理器还用于:
    当所述滑动距离大于第一距离阈值且小于或等于第二距离阈值时,若用户手指离开所述显示组件,则确定所述用户手指离开所述显示组件时的终止接触点;
    根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面。
  42. 根据权利要求41所述的终端设备,其特征在于,所述处理器根据所述终止接触点和所述起始接触点,确定是否在所述显示组件中显示所述用户界面时,具体用于:
    若所述终止接触点相对于所述起始接触点的滑动距离大于或等于第四距离阈值,则控制所述用户界面的全部页面显示在所述显示组件中;
    若所述终止接触点相对于所述起始接触点的滑动距离小于所述第四距离阈值,则控制所述用户界面不在所述显示组件中显示;
    其中,所述第四距离阈值大于所述第一距离阈值且小于所述第二距离阈值。
  43. 根据权利要求42所述的终端设备,其特征在于,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离。
  44. 根据权利要求42所述的终端设备,其特征在于,所述终止接触点相对于所述起始接触点的滑动距离为所述终止接触点相对于所述起始接触点的直线距离在水平方向或竖直方向上的投影距离。
  45. 一种计算机可读存储介质,其特征在于,其上存储有计算机程序,所述计算机程序被处理器执行以实现如权利要求1-22任一项所述的方法。
PCT/CN2018/112840 2018-10-31 2018-10-31 用户界面显示方法、终端设备及存储介质 WO2020087314A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
PCT/CN2018/112840 WO2020087314A1 (zh) 2018-10-31 2018-10-31 用户界面显示方法、终端设备及存储介质
CN201880041618.9A CN110809753A (zh) 2018-10-31 2018-10-31 用户界面显示方法、终端设备及存储介质
US17/242,298 US20210247899A1 (en) 2018-10-31 2021-04-27 Method of displaying user interface, terminal device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2018/112840 WO2020087314A1 (zh) 2018-10-31 2018-10-31 用户界面显示方法、终端设备及存储介质

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/242,298 Continuation US20210247899A1 (en) 2018-10-31 2021-04-27 Method of displaying user interface, terminal device and storage medium

Publications (1)

Publication Number Publication Date
WO2020087314A1 true WO2020087314A1 (zh) 2020-05-07

Family

ID=69487897

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/112840 WO2020087314A1 (zh) 2018-10-31 2018-10-31 用户界面显示方法、终端设备及存储介质

Country Status (3)

Country Link
US (1) US20210247899A1 (zh)
CN (1) CN110809753A (zh)
WO (1) WO2020087314A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103995660A (zh) * 2013-02-20 2014-08-20 腾讯科技(深圳)有限公司 触屏浏览器切换窗口的方法及装置
CN104375708A (zh) * 2014-12-02 2015-02-25 厦门飞游信息科技有限公司 触摸输入事件处理方法及设备
US20150062027A1 (en) * 2013-08-29 2015-03-05 Samsung Electronics Co., Ltd. Electronic device and method for controlling screen
CN108287655A (zh) * 2018-01-16 2018-07-17 维沃移动通信有限公司 一种界面显示方法、界面显示装置及移动终端

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105930089B (zh) * 2016-05-31 2019-04-09 维沃移动通信有限公司 一种切换移动终端显示界面的方法及移动终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103995660A (zh) * 2013-02-20 2014-08-20 腾讯科技(深圳)有限公司 触屏浏览器切换窗口的方法及装置
US20150062027A1 (en) * 2013-08-29 2015-03-05 Samsung Electronics Co., Ltd. Electronic device and method for controlling screen
CN104375708A (zh) * 2014-12-02 2015-02-25 厦门飞游信息科技有限公司 触摸输入事件处理方法及设备
CN108287655A (zh) * 2018-01-16 2018-07-17 维沃移动通信有限公司 一种界面显示方法、界面显示装置及移动终端

Also Published As

Publication number Publication date
CN110809753A (zh) 2020-02-18
US20210247899A1 (en) 2021-08-12

Similar Documents

Publication Publication Date Title
US10021319B2 (en) Electronic device and method for controlling image display
US9245165B2 (en) Auxiliary functionality control and fingerprint authentication based on a same user input
US20170293361A1 (en) Mobile terminal and method for controlling haptic feedback
US9678658B2 (en) Method for displaying interface content and user equipment
EP3961364A1 (en) Page operation method and apparatus, and terminal and storage medium
US20150074573A1 (en) Information display device, information display method and information display program
CN112068698A (zh) 一种交互方法、装置及电子设备、计算机存储介质
CN107153546B (zh) 一种视频播放方法及移动设备
CN103176744A (zh) 一种显示设备及其信息处理方法
WO2019052340A1 (zh) 对虚拟对象进行操控的方法、装置及存储介质
JP2016505925A (ja) アプリケーション・インタフェース移動の制御方法、その制御装置及び、端末デバイス、プログラム及び記録媒体
US11455071B2 (en) Layout method, device and equipment for window control bars
US10831338B2 (en) Hiding regions of a shared document displayed on a screen
CN110795015A (zh) 操作提示方法、装置、设备及存储介质
CN110050254A (zh) 用于柔性显示设备的控件显示方法及装置
WO2020087314A1 (zh) 用户界面显示方法、终端设备及存储介质
CN103353827A (zh) 一种显示设备及其信息处理方法
CN105892897A (zh) 一种终端操作方法及设备
CN105760092B (zh) 一种用于触摸屏设备的应用控制方法、装置及电子设备
CN113485590A (zh) 触控操作方法及装置
CN112068699A (zh) 一种交互方法、装置、电子设备和存储介质
CN106293405B (zh) 页面移动的方法和装置
CN110703970B (zh) 一种信息处理方法及电子设备
CN105320421A (zh) 一种消息显示方法、装置及终端
CN109885249A (zh) 一种分屏处理方法、智能终端及可读存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18938305

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18938305

Country of ref document: EP

Kind code of ref document: A1