CN108762619A - 浮标显示方法、装置、终端及存储介质 - Google Patents
浮标显示方法、装置、终端及存储介质 Download PDFInfo
- Publication number
- CN108762619A CN108762619A CN201810589771.7A CN201810589771A CN108762619A CN 108762619 A CN108762619 A CN 108762619A CN 201810589771 A CN201810589771 A CN 201810589771A CN 108762619 A CN108762619 A CN 108762619A
- Authority
- CN
- China
- Prior art keywords
- buoy
- touch
- display
- edge
- user interface
- 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.)
- Granted
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/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
- G06F3/04817—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 using icons
-
- 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
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
技术领域
本申请实施例涉及人机交互领域,特别涉及一种浮标显示方法、装置、终端及存储介质。
背景技术
为了提高用户的操作效率,移动终端的用户界面内显示有一个浮标(或称为悬浮标识),当用户点击该浮标时,用户界面内显示预设的快捷操作图标,用户通过点击相应的快捷操作图标,即可快速启动相应的功能。
发明内容
本申请实施例提供了一种浮标显示方法、装置、终端及存储介质,可以用于解决用户界面中浮标的显示位置固定,容易对用户界面中控件造成遮挡,且不利于用户单手操作的问题。所述技术方案如下:
一方面,提供了一种浮标显示方法,所述方法用于处于竖屏状态的终端,所述方法包括:
在用户界面的第一显示区域显示浮标,所述浮标用于触发在所述浮标的周侧,以弧形排列方式显示至少两个图标;
根据所述终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,所述触控元素至少包括图标和控件;
若所述第一显示区域与所述第二显示区域不匹配,则将所述浮标移动至所述第二显示区域。
另一方面,提供了一种浮标显示装置,所述装置用于处于竖屏状态的终端,所述装置包括:
显示模块,用于在用户界面的第一显示区域显示浮标,所述浮标用于触发在所述浮标的周侧,以弧形排列方式显示至少两个图标;
确定模块,用于根据所述终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,所述触控元素至少包括图标和控件;
移动模块,用于当所述第一显示区域与所述第二显示区域不匹配时,将所述浮标移动至所述第二显示区域。
另一方面,提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上述所述的浮标显示方法。
另一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如上述所述的浮标显示方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
竖屏状态下,终端根据当前所处的握持状态以及用户界面中包含的触控元素,确定浮标在用户界面中的显示区域,并在浮标当前所处的显示区域与确定出的显示区域不匹配时,自动将浮标移动至确定出的显示区域;基于握持状态和用户界面中触控元素的分布确定浮标的显示位置并移动浮标,方便用户在单手操作情况下点击浮标,并避免浮标对界面中的触控元素造成遮挡,在提高用户操作效率的同时,降低了浮标误触的概率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1和图2是本申请一个示例性实施例提供的终端的结构方框图;
图3至图8是图1和图2所示实施例涉及的五种带有不同显示屏的终端的示意图;
图9是拖动浮标改变浮标显示位置的界面示意图;
图10示出了本申请一个示例性实施例提供的浮标显示方法的流程图;
图11触发浮标后显示图标的界面示意图;
图12是图10所示浮标显示方法实施过程的界面示意图;
图13是确定边缘上预设移动范围的示意图;
图14示出了本申请另一个示例性实施例提供的浮标显示方法的流程图;
图15是根据握持状态确定第二显示区域显示横坐标的实施示意图;
图16示出了本申请另一个示例性实施例提供的浮标显示方法的流程图;
图17是根据握持状态确定触控元素的实施示意图;
图18是根据触控元素确定边缘空余区域的实施示意图;
图19是根据边缘空余区域和单手握持区域确定第二显示区域显示纵坐标的实施示意图;
图20示出了本申请一个示例性实施例提供的浮标显示装置的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
参考图1和图2所示,其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件:处理器110、存储器120和触摸显示屏130。
处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分,通过运行或执行存储在存储器120内的指令、程序、代码集或指令集,以及调用存储在存储器120内的数据,执行终端100的各种功能和处理数据。可选地,处理器110可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable LogicArray,PLA)中的至少一种硬件形式来实现。处理器110可集成中央处理器(CentralProcessing Unit,CPU)、图像处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责触摸显示屏130所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器110中,单独通过一块芯片进行实现。
存储器120可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。可选地,该存储器120包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等;存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。
以操作系统为安卓(Android)系统为例,存储器120中存储的程序和数据如图1所示,存储器120中存储有Linux内核层220、系统运行库层240、应用框架层260和应用层280。Linux内核层220为终端100的各种硬件提供了底层的驱动,如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、Wi-Fi驱动、电源管理等。系统运行库层240通过一些C/C++库来为Android系统提供了主要的特性支持。如SQLite库提供了数据库的支持,OpenGL/ES库提供了6绘图的支持,Webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有Android运行时库242(Android Runtime),它主要提供了一些核心库,能够允许开发者使用Java语言来编写Android应用。应用框架层260提供了构建应用程序时可能用到的各种API,开发者也可以通过使用这些API来构建自己的应用程序,比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序,这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等;也可以是第三方开发者所开发的应用程序,比如即时通信程序、相片美化程序等。
以操作系统为IOS系统为例,存储器120中存储的程序和数据如图2所示,IOS系统包括:核心操作系统层320(Core OS layer)、核心服务层340(Core Services layer)、媒体层360(Media layer)、可触摸层380(Cocoa Touch Layer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架,这些底层程序框架提供更接近硬件的功能,以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架,比如基础(Foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口,如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(AirPlay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架,可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户界面接口(User Interface,UI)框架、用户界面UIKit框架、地图框架等等。
在图2所示出的框架中,与大部分应用程序有关的框架包括但不限于:核心服务层340中的基础框架和可触摸层380中的UIKit框架。基础框架提供许多基本的对象类和数据类型,为所有应用程序提供最基本的系统服务,和UI无关。而UIKit框架提供的类是基础的UI类库,用于创建基于触摸的用户界面,iOS应用程序可以基于UIKit框架来提供UI,所以它提供了应用程序的基础架构,用于构建用户界面,绘图、处理和用户交互事件,响应手势等等。
触摸显示屏130用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作,以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异型屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合,异型屏与曲面屏的结合,本实施例对此不加以限定。其中:
全面屏
全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80%或90%或95%)的屏幕设计。屏占比的一种计算方式为:(触摸显示屏130的面积/终端100的前面板的面积)*100%;屏占比的另一种计算方式为:(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100%;屏占比的再一种计算方式为:(触摸显示屏130的对角线/在终端100的前面板的对角线)*100%。示意性的如图3所示的例子中,终端100的前面板上近乎所有区域均为触摸显示屏130,在终端100的前面板40上,除中框41所产生的边缘之外的其它区域,全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。
全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选地,该至少一种前面板部件包括:摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中,将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中,比如将摄像头中的感光元件拆分为多个感光像素后,将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部,所以全面屏具有更高的屏占比。
当然在另外一些实施例中,也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面,比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。
在一些可选的实施例中,当终端100采用全面屏时,终端100的中框的单个侧边,或两个侧边(比如左、右两个侧边),或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120,该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作,对终端100中的应用程序进行控制。
曲面屏
曲面屏是指触摸显示屏130的屏幕区域不处于一个平面内的屏幕设计。一般的,曲面屏至少存在这样一个截面:该截面呈弯曲形状,且曲面屏在沿垂直于该截面的任意平面方向上的投影为平面的屏幕设计,其中,该弯曲形状可以是U型。可选地,曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选地,曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框,也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域,从而使得曲面屏具有了更高的屏占比。可选地,如图4所示的例子中,曲面屏是指左右两个侧边42是弯曲形状的屏幕设计;或者,曲面屏是指上下两个侧边是弯曲形状的屏幕设计;或者,曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中,曲面屏采用具有一定柔性的触摸屏材料制备。
异型屏
异型屏是外观形状为不规则形状的触摸显示屏,不规则形状不是矩形或圆角矩形。可选地,异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选地,该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时,可以设置在该边缘的中间位置或两端;当凸起、缺口和/或挖孔设置在屏幕中央时,可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时,凸起、缺口和挖孔可以集中分布,也可以分散分布;可以对称分布,也可以不对称分布。可选地,该凸起、缺口和/或挖孔的数量也不限。
由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域,使得触摸显示屏在终端的前面板上占据更多的空间,所以异型屏也具有更大的屏占比。在一些实施例中,缺口和/或挖孔中用于容纳至少一种前面板部件,该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。
示例性的,该缺口可以设置在一个或多个边缘上,该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口或不规则形状缺口。示意性的如图5所示的例子中,异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计,该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件;示意性的如图6所示,异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计,该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件;示意性的如图7所示的例子中,异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计,同时在终端100的前面板上还形成有一个半椭圆型缺口,两个半椭圆形缺口围合成一个椭圆形区域,该椭圆形区域用于容纳物理按键或者指纹识别模组;示意性的如图8所示的例子中,异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔45的屏幕设计,该小孔45所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。
除此之外,本领域技术人员可以理解,上述附图所示出的终端100的结构并不构成对终端100的限定,终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。比如,终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(Wireless Fidelity,WiFi)模块、电源、蓝牙模块等部件,在此不再赘述。
需要说明的是,本申请实施例提供浮标显示方法,可以用于具有全面屏、曲面屏、异形屏、折叠屏或其他屏幕形态的终端,本申请实施例仅以应用于异形屏(刘海屏)终端为例进行示意性说明。
如图9所示,终端用户界面的左边缘显示有浮标91,用户点击浮标91后即可呼出预设的快捷操作图标,并可以通过点击快捷操作图标启用相应功能。比如,点击浮标91后呼出的快捷操作图标中包含截屏图标,用户点击截屏图标即可快速截屏。当用户想要调整浮标91的显示位置时,需要手动将浮标91拖动至目标显示位置。如图9所示,用户拖动浮标91后,浮标91显示在用户界面的右边缘。
显然,浮标仅能够在用户拖动下移动并改变显示位置,当用户点击远离握持手的浮标时,首先需要将浮标拖动至握持手可触控的区域,不利于用户单手操作;同时,浮标可能会对用户界面中的控件造成遮挡,从而引起浮标误触。
为了解决上述问题,本申请实施例中,终端基于所处的握持状态以及用户界面中触控元素的分布情况,动态确定并调整浮标在用户界面中的显示区域,方便用户单手操作,并避免对其他触控元素造成遮挡,下面采用示意性的实施例进行说明。
请参考图10,其示出了本申请一个示例性实施例提供的浮标显示方法的流程图。本实施例以该方法应用于上述图1或图2提供的终端中来举例说明。所述方法包括:
步骤1001,在用户界面的第一显示区域显示浮标,浮标用于触发在浮标的周侧,以弧形排列方式显示至少两个图标。
本申请实施例中,终端当前处于竖屏状态。在一种可能的实施方式中,终端根据传感器数据(比如重力加速度数据)确定终端当前的姿态,并在传感器数据指示当前处于竖屏状态时,执行如下步骤。本申请实施例并不对终端识别竖屏状态的方式进行限定。
其中,该用户界面是前台运行应用程序的界面,或,该用户界面是系统主界面。
可选的,第一显示区域为浮标的默认显示区域,该第一显示区域位于用户界面的左侧边缘区域或右侧边缘区域。该浮标即吸附在用户界面的左边缘或右边缘。
可选的,当浮标在预定时长内未接收到点击操作时,终端提高浮标的显示透明度,降低浮标对显示画面的影响。比如,当5s内为接收到点击操作时,终端将浮标的显示透明度由10%提高到80%。
可选的,浮标用于触发在浮标周侧显示快捷操作栏,该快捷操作栏中即包含若干以弧形排列方式显示的(快捷操作)图标。其中,浮标的触发方式包括点击或者滑动等等。
不同图标对应不同的快捷功能或应用程序。比如,该图标中包含包括录屏图标、截图图标、录音图标、内存清理图标、应用程序图标等等,本申请实施例并不对图标的具体类型进行限定。
本申请实施例对快捷操作栏的形状不做限定,其可以是树状菜单、矩形菜单、扇形菜单或其他不规则形状菜单。
本申请实施例对浮标的形状不做限定,其可以是圆形、半圆形、矩形、扇形或其他不规则图形。
示意性的,如图11所示,当触发用户界面中的浮标111时,浮标111的周侧以弧形方式显示若干个图标112。
可选的,在不同应用程序对应的用户界面中,触发浮标后显示的图标的类型不同。比如,在游戏类应用程序的用户界面中,触发显示的图标包括录屏图标和内存清理图标等等;而在社交类应用程序的用户界面中,触发显示的图标包括截图图标和搜索图标等等。本申请实施例并不对不同用户界面中触发显示的图标的具体类型进行限定。
步骤1002,根据终端所处的握持状态和用户界面中包含的触控元素,确定浮标在用户界面中的第二显示区域,触控元素至少包括图标和控件。
为了确定出浮标在用户界面中的优选显示区域,终端获取当前所处的握持状态以及当前用户界面中包含的触控元素,从而根据握持状态和触控元素分布情况,确定出浮标的优选显示区域(即第二显示区域)。
其中,用户界面中的触控元素包括图标(应用图标)和/或控件(按钮、滚动条、播放控件等等)。本实施例并不对触控元素的具体类型进行限定。
针对获取用户界面中触控元素位置的方式,在一种可能的实施方式中,操作系统与用户界面对应的应用程序进行通信,获取用户界面中各个触控元素的触控元素坐标和尺寸,其中,操作系统与应用程序建立套接字(Socket)连接,并通过Socket连接进行通信,或,操作系统与应用程序内嵌的软件开发工具包(Software Development Kit,SDK)进行通信,该SDK由操作系统开发商提供。本申请实施例并不对终端获取用户界面中触控元素位置的具体方式进行限定。
可选的,该第二显示区域为用户握持手可触及区域的区域,且第二显示区域与用户界面中触控元素的显示区域之间不存交集。
确定出第二显示区域后,终端检测第一显示区域与第二显示区域是否匹配,若两者匹配,则确定无需调整浮标的显示区域;若两者不匹配,则确定需要调整浮标的显示区域,并执行步骤1003。
步骤1003,若第一显示区域与第二显示区域不匹配,则将浮标移动至第二显示区域。
为了方便用户单手操作浮标,并降低误触浮标的概率,终端将浮标有第一显示区域移动至第二显示区域。
可选的,在首次调整浮标的显示区域时,用户界面中显示相应的提示信息,告知用户将浮标移动至易触及且无控件遮挡的区域。
可选的,当接收到用户手动调整浮标显示区域时触发的操作信号时,且手动调整后浮标的显示区域不同第二显示区域时,终端将在预设时长内停止自动调整浮标的显示区域,保持浮标在用户界面中的显示位置,即用户手动调整浮标的优先级高于终端自动调整浮标的优先级。
示意性的,如图12所示,浮标121原先显示在用户界面的左边缘,由于此时用户使用右手握持终端,因此难以单手点击浮标121。终端根据当前握持状态(右手握持状态)以及用户界面中触控元素(图12中为应用图标)的分布情况,自动将浮标121移动至用户界面的右边缘,且无触控元素遮挡的区域,方便用户用单手进行点击操作。
采用本实施例提供的方法,在浮标显示位置不佳的情况下,终端根据握持状态和界面触控元素分布,确定出优选的浮标显示区域,并自动移动浮标,无需用户手动移动,进而提高了用户的操作效率和操作准确度。
综上所述,竖屏状态下,终端根据当前所处的握持状态以及用户界面中包含的触控元素,确定浮标在用户界面中的显示区域,并在浮标当前所处的显示区域与确定出的显示区域不匹配时,自动将浮标移动至确定出的显示区域;基于握持状态和用户界面中触控元素的分布确定浮标的显示位置并移动浮标,方便用户在单手操作情况下点击浮标,并避免浮标对界面中的触控元素造成遮挡,在提高用户操作效率的同时,降低了浮标误触的概率。
在一种可能的实施方式中,终端根据握持状态和用户界面中的触控元素自动调整浮标显示区域后,还可以根据用户对浮标的操作,改变浮标的显示区域。其中,终端根据用户操作改变浮标显示区域时包括如下步骤。
一、接收对浮标的第一操作信号,其中,接收到第一操作信号后,浮标处于可移动状态。
为了避免将用户触发浮标操作误认为是移动浮标的操作,当未接收到第一操作信号时,用户无法改变浮标在用户界面上的显示区域。当接收到对第一操作信号时,终端确定用户需要移动浮标,进而将浮标设置为可移动状态。
其中,第一操作信号不同于浮标触发信号,可选的,当浮标触发信号为单击信号或滑动信号时,第一操作信号可以为长按信号(点击时长大于时间阈值)、双击信号或按压信号(压力大于压力阈值)。
二、当接收对浮标的第二操作信号时,控制浮标在当前所在边缘的预设移动范围内移动,其中,位于预设移动范围内的浮标被触发时,以弧形排列方式显示的至少两个图标完整显示在浮标的周侧。
可移动状态下,当接收到对浮标的第二操作信号时,终端即根据第二操作信号控制浮标在当前所在边缘上向上或向下移动。其中,第二操作信号可以为向上拖动信号或向下拖动信号,且第二操作信号与第一操作信号为同一连贯操作,比如,该连贯操作为长按浮标并向上拖动浮标。
由于浮标被触发时,浮标周侧会显示若干弧形排布的图标,为了避免浮标被移动至临近上下边缘区域时,弧形排布的图标无法完整显示的问题,终端根据第二操作信号控制浮标在当前所在边缘的预设范围内移动。该预设移动范围内的浮标被触发时,以弧形排列方式显示至少两个图标完整显示在浮标的周侧;而位于该预设移动范围外的浮标被触发时,以弧形排列方式的至少两个图标中的部分图标无法完整显示在浮标的周侧。
对于预设移动范围的确定方式,在一种可能的实施方式中,如图13所示,浮标111被触发后显示快捷操作栏113(包含以弧形排列方式显示的至少两个图标),当用户界面的高度为X,快捷操作栏113的高度为Y时,预设移动范围即为(0.5Y,X-0.5Y)这一侧边区域。
可选的,终端根据握持状态和触控元素的分布情况确定第二显示区域时,该第二显示区域即位于该预设移动范围内。
三、当接收到对浮标的第三操作信号时,控制浮标移动至当前所在边缘的对侧边缘。
用户除了可以改变浮标在所在边缘上的显示位置外,还可以手动改变浮标所在的边缘。可移动状态下,当接收到对浮标的第三操作信号时,终端即根据第三操作信号控制浮标从当前所在边缘移动至当前所在边缘的对侧边缘(比如从左侧边缘移动至右侧边缘)。其中,第三操作信号与第一操作信号为同一连贯操作,比如,该连贯操作为长按浮标并向右拖动浮标。
可选的,第三操作信号为向左拖动信号或向右拖动信号,且第二操作信号指示的拖动距离大于用户界面宽度的二分之一;或者,第三操作信号为向左滑动信号或向右滑动信号,且第三操作信号指示的滑动速度大于速度阈值(比如20px/s)。
为了方便用户使用握持手点击浮标,该浮标需要显示在握持手一侧的区域;为了避免浮标与用户界面中的触控元素重叠,该浮标需要显示在用户界面中不包含触控元素(或触控元素分布稀疏)的区域。因此,在一种可能的实施方式中,在确定浮标的第二显示区域时,终端根据终端所处的握持状态,确定第二显示区域的显示横坐标,并根据用户界面中触控的元素纵坐标和元素高度,确定第二显示区域的显示纵坐标,从而根据显示横坐标和显示纵坐标确定出第二显示区域。下面采用示意性的实施例进行说明。
请参考图14,其示出了本申请另一个示例性实施例提供的浮标显示方法的流程图。本实施例以该方法应用于上述图1或图2提供的终端中来举例说明。所述方法包括:
步骤1401,在用户界面的第一显示区域显示浮标,浮标用于触发在浮标的周侧,以弧形排列方式显示至少两个图标。
本步骤的实施方式与上述步骤1001相似,本实施例在此不再赘述。
步骤1402,根据终端所处的握持状态,确定第二显示区域的显示横坐标,握持状态包括左手握持状态和右手握持状态。
针对确定所持握持状态的方式,在一种可能的实施方式中,当终端长边侧相对设置有两个边缘触控区域时,终端根据两个边缘触控区域内触控信号的数量,确定握持状态,进而确定第二显示区域的显示横坐标。可选的,本步骤包括如下步骤
一、根据第一边缘触控区域和第二边缘触控区域内触控信号的数量,确定握持状态,第一边缘触控区域和第二边缘触控区域位于终端长边边缘,且第一边缘触控区域用户界面的左边缘对应,第二边缘触控区域用户界面的右边缘对应。
可选的,该边缘触控区域位于终端的侧边框,并借助传感器实现触控功能,该传感器可以为压力传感器、电容传感器、温度传感器等等。
可选的,终端具有曲面屏,该曲面屏包含平面显示区域和至少一个曲面显示区域(具备触控功能),其中,至少一个曲面显示区域位于曲面屏的边缘,且每个曲面显示区域对应终端的一条边。第一和第二边缘触控区域即为终端长边上相对设置的两个曲面显示区域。相应的,终端即接收曲面显示区域内的触控信号。
当第一边缘触控区域内触控信号的数量大于第二边缘区域内触控信号的数量时,终端确定终端处于右手握持状态(右手四指与第一边缘触控区域接触,而右手手掌和拇指与第二边缘触控区域接触);当第二边缘触控区域内触控信号的数量大于第一边缘区域内触控信号的数量时,终端确定终端处于左手握持状态(左手四指与第二边缘触控区域接触,而左手手掌和拇指与第一边缘触控区域接触)。
在其他可能的实施方式中,终端根据预设时长内触摸屏上触摸信号的信号分布,确定终端所处的握持状态。比如,当预设时长内触摸信号集中分布在触摸屏右侧时,确定握持状态为右手握持状态,反之则确定为右手握持状态。本申请实施例并不对终端获取握持状态的具体方式进行限定。
二、当握持状态为左手握持状态时,确定第二显示区域的显示横坐标为第一横坐标。
由于浮标吸附在用户界面的侧边缘,且竖屏状态下,为了方便用户单手操作,浮标通常吸附在左边缘或右边缘(吸附在上、下边缘不利于单手触控),因此,终端中预先设置有竖屏状态下对应的两个显示横坐标,分别为第一横坐标和第二横坐标。其中,当显示横坐标为第一横坐标,第二显示区域位于用户界面的左边缘;当显示横坐标为第二横坐标,第二显示区域位于用户界面的右边缘。
可选的,竖屏状态下,以显示屏的左上角为坐标原点,以显示屏宽度方向为X轴正方向,以显示屏高度方向为Y轴正方向构建坐标系,该第一横坐标为0px,而第二横坐标即为显示屏的宽度。比如,当显示屏的分辨率为1080px*2140px时,第二横坐标即为1080px。
如图15中的(a)所示,当检测到终端处于左手握持状态时,为了方便用户使用握持手(左手)点击浮标,终端确定浮标对应的第二显示区域131位于用户界面的左边缘,从而将第二显示区域的横坐标设置为第一横坐标。
三、当握持状态为右握持状态时,确定第二显示区域的显示横坐标为第二横坐标。
与上述步骤类似的,如图15中的(b)所示,当检测到终端处于右手握持状态时,为了方便用户使用握持手(右手)点击浮标,终端确定浮标对应的第二显示区域131位于用户界面的右边缘,从而将第二显示区域的横坐标设置为第二横坐标。
通过上述步骤确定出显示横坐标后(浮标所在的目标侧边缘),终端进一步根据用户界面中触控元素的元素纵坐标和元素高度,通过下述步骤1403至1405确定显示纵坐标。
步骤1403,获取用户界面中触控元素的元素显示位置。
为了避免显示的浮标与用户界面中已有的触控元素相互遮挡,从而造成误触,终端需要根据当前用户界面中触控元素的分布情况,在不存在触控元素的区域显示浮标。
可选的,为了确定触控元素的分布情况,终端获取用户界面中触控元素的元素显示位置,从而根据元素显示位置,确定出各个触控元素分布的位置以及所占空间。其中,终端可以根据触控元素的元素纵坐标以及元素高度尺寸确定元素显示位置。比如,当触控元素为应用图标时,终端将应用图标左上角顶点的纵坐标确定为元素纵坐标,将应用图标的图标高度确定为元素高度尺寸;当触控元素为键盘输入控件时,终端将键盘输入控件上边缘的纵坐标确定为元素纵坐标,将键盘输入控件的高度确定为元素高度尺寸。
由于通过上述步骤能够确定出了浮标所在的侧边缘,而浮标仅会与所在侧边缘周侧的触控元素产生误触,因此,终端只需要获取浮标所在侧边缘周侧触控元素的元素显示位置。示意性的,如图16所示,本步骤包括如下步骤。
步骤1403A,当握持状态为左手握持状态时,获取左侧触控元素的元素显示位置,左侧触控元素是位于用户界面左边缘的触控元素。
当握持状态为左手握持状态时,由于浮标优选的显示区域位于用户界面的左边缘,因此,终端获取位于用户界面左边缘的左侧触控元素的元素显示位置。
可选的,终端将用户界面左边缘右侧预定宽度内的触控元素确定为左侧触控元素,其中,该预定宽度≥浮标的宽度。比如,该预定宽度内50px,即用户界面左边缘处50px宽的条状显示区域内的触控元素即为左侧触控元素。
由于浮标的显示面积较小,因此当触控元素的有效触控面积较大时,浮标显示在触控元素上方将不会影响触控元素的触控。在一种可能的实施方式中,终端获取左侧触控元素的元素宽度,并进一步获取元素宽度大于宽度阈值的触控元素的元素纵坐标和元素高度。比如,该宽度阈值为200px。
示意性的,如图17中的(a)所示,当检测到处于左手握持状态时,终端获取位于用户界面左边缘上,应用图标1302、应用图标1303和应用图标1304的图标纵坐标和图标高度。
步骤1403B,当握持状态为右手握持状态时,获取右侧触控元素的元素显示位置,右侧触控元素是位于用户界面右边缘的触控元素。
当握持状态为右手握持状态时,由于浮标优选的显示区域位于用户界面的右边缘,因此,终端获取位于用户界面右边缘的右侧触控元素的元素纵坐标和元素高度。
可选的,终端将用户界面右边缘左侧预定宽度内的触控元素确定为右侧触控元素,其中,该预定宽度≥浮标的宽度。比如,该预定宽度内50px,即用户界面右边缘处50px宽的条状显示区域内的触控元素即为右侧触控元素。
由于浮标的显示面积较小,因此当触控元素的有效触控面积较大时,浮标显示在触控元素上方将不会影响触控元素的触控。在一种可能的实施方式中,终端获取右侧触控元素的元素宽度,并进一步获取元素宽度大于宽度阈值的触控元素的元素纵坐标和元素高度。比如,该宽度阈值为200px。
示意性的,如图17中的(b)所示,当检测到处于右手握持状态时,终端获取位于用户界面右边缘上,应用图标1305、应用图标1306和应用图标1307的图标纵坐标和图标高度。
通过步骤1403,终端即可确定浮标(优选显示)侧边缘周侧触控元素的分布情况。
步骤1404,根据元素显示位置,确定用户界面中的边缘空余区域,边缘空余区域指用户界面边缘处不包含触控元素的区域。
进一步的,终端根据获取到的元素显示位置,确定用户界面边缘处不包含触控元素的边缘空余区域,以便后续从该边缘空余区域中确定浮标的第二显示区域。
在一种可能的实现方式中,终端根据各个触控元素对应的元素纵坐标和元素高度尺寸,确定各个触控元素占用的触控区间,从而根据触控区间和用户界面的高度确定出边缘空余区域。
示意性的,如图18所示,用户界面的高度为2140px,且应用图标1302的纵坐标为500px,高度尺寸为50px,应用图标1303的纵坐标为600px,高度为50px,应用图标1304的纵坐标为700px,高度尺寸为50px。终端确定应用图标1302占用的触控区间为(500px,550px),应用图标1303占用的触控区间为(600px,650px),应用图标1304占用的触控区间为(700px,750px),从而确定边缘空余区域包括:(0px,500px),(550px,600px),(650px,700px),(750px,2140px)。
步骤1405,根据边缘空余区域确定第二显示区域的显示纵坐标。
由于确定出的边缘空余区域内不包含触控元素,因此,终端进一步从边缘空余区域中确定第二显示区域的显示纵坐标。
可选的,由于浮标具有一定的显示高度,为了避免浮标对触控元素造成遮挡,终端根据浮标高度从边缘空余区域中确定第二显示区域的显示纵坐标。
由于用户单手操作时,拇指所能触及的范围有限,因此,为了便于用户使用握持手拇指点击浮标,终端根据握持手的单手触控区域和边缘空余区域确定第二显示区域的显示纵坐标。如图16所示,本步骤包括如下步骤。
步骤1405A,获取握持状态下握持手的单手触控区域。
其中,左手握持状态下,单手触控区域即为左手拇指的触控区域;右手握持状态下,单手触控区域即为右手拇指的触控区域。
在一种可能的实施方式中,终端根据用户单手握持状态下,触摸屏上触控信号的分布情况,确定单手触控区域,或者,终端将预设触控区域设置为单手触控区域,该预设触控区域由用户预先录入。本申请实施例并不对获取单手触控区域的具体方式进行限定。
示意性的,如图19所示,左手握持状态下,终端获取左手拇指的触控区域,该触控区域即为图中虚线与用户界面左边缘以及下边缘围合成的区域。
步骤1405B,若单手触控区域与边缘空余区域间存在交集区域,则将交集区域的纵坐标确定为第二显示区域的显示纵坐标。
进一步的,终端检测单手触控区域与边缘空余区域间是否存在交集,若存在交集,则将交集区域的纵坐标确定为第二显示区域的显示纵坐标;若不存在交集,则获取边缘空余区域中,与单手触控区域最近的区域,并将该区域的纵坐标确定为显示纵坐标。
结合上述步骤1404以及图19的示例,边缘空余区域包括(0px,500px),(550px,600px),(650px,700px),(750px,2140px),且单手触控区域的纵坐标范围为(650px,2140px),终端即将交集区域(650px,700px)的纵坐标650px确定为第二显示区域的显示纵坐标。
步骤1406,若第一显示区域与第二显示区域不匹配,则将浮标移动至第二显示区域。
在一种可能的实施方式中,终端检测第一显示区域和第二显示区域的横坐标是否相同,若两个显示区域不同,则确定两个显示区域不匹配;若两个显示区域的横坐标相同,则进一步检测第一显示区域和第二显示区域的纵坐标差值是否大于差值阈值,若大于,则确定两个显示区域不匹配,若小于,则确定两个显示区域相匹配。比如,该差值阈值可以为20px。
可选的,终端将浮标由第一显示区域移动至第二显示区域后,将当前用户与第二显示区域的显示横坐标和显示纵坐标进行关联存储。示意性的,应用程序用户界面与第二显示区域显示横坐标和显示纵坐标的对应关系如表一所示。
表一
应用程序 | 握持状态 | 显示区域坐标 |
App1 | 左手握持状态 | 0px,650px |
App1 | 右手握持状态 | 1080px,650px |
App2 | 左手握持状态 | 0px,800px |
App2 | 右手握持状态 | 1080px,800px |
后续开启应用程序并进入相应用户界面后,即可直接从表一中获取该用户界面对应的显示横纵坐标,并自动完成浮标移动。
通过上述方法将浮标自动调整至第二显示区域后,位于第二显示区域内的浮标不遮挡所述触控元素。
本实施例中,终端根据用户界面中握持手侧触控元素的元素纵坐标和元素高度,确定用户界面中不包含触控元素的边缘空闲区域,并将基于该边缘空闲区域确定第二显示区域的显示纵坐标,确保调整显示区域后,浮标与用户界面中其他触控元素之间互不遮挡,避免了对触控元素或浮标的误触。
另外,本实施例中,当握持手的单手触控区域和边缘空闲区域之间存在交集时,终端将交集区域的纵坐标确定为第二显示区域的显示纵坐标,确保用户能够使用握持手点击到浮标,进一步提高了用户的单手操作效率。
请参考图20,其示出了本申请一个示例性实施例提供的浮标显示装置的结构框图。该浮标显示装置包括:显示模块2010、确定模块2020、移动模块2030。
显示模块2010,用于在用户界面的第一显示区域显示浮标,所述浮标用于触发在所述浮标的周侧,以弧形排列方式显示至少两个图标;
确定模块2020,用于根据终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,所述触控元素至少包括图标和控件;
移动模块2030,用于当所述第一显示区域与所述第二显示区域不匹配时,将所述浮标移动至所述第二显示区域。
可选的,所述确定模块2020,包括:
第一确定单元,用于根据终端所处的所述握持状态,确定所述第二显示区域的显示横坐标,所述握持状态包括左手握持状态和右手握持状态;
第二确定单元,用于根据所述用户界面中所述触控元素的元素显示位置,确定所述第二显示区域的显示纵坐标。
可选的,所述第一确定单元,用于:
根据第一边缘触控区域和第二边缘触控区域内触控信号的数量,确定所述握持状态,所述第一边缘触控区域和所述第二边缘触控区域位于终端长边边缘,且所述第一边缘触控区域所述用户界面的左边缘对应,所述第二边缘触控区域所述用户界面的右边缘对应;
当所述握持状态为所述左手握持状态时,确定所述第二显示区域的所述显示横坐标为第一横坐标;
当所述握持状态为所述右握持状态时,确定所述第二显示区域的所述显示横坐标为第二横坐标;
其中,当所述显示横坐标为所述第一横坐标,所述第二显示区域位于所述用户界面的左边缘;当所述显示横坐标为所述第二横坐标,所述第二显示区域位于所述用户界面的右边缘。
可选的,位于所述第二显示区域内的所述浮标不遮挡所述触控元素,所述第二确定单元,用于:
获取所述用户界面中所述触控元素的所述元素显示位置;
根据所述元素显示位置,确定所述用户界面中的边缘空余区域,所述边缘空余区域指所述用户界面边缘处不包含所述触控元素的区域;
根据所述边缘空余区域确定所述第二显示区域的所述显示纵坐标。
可选的,所述第二确定单元,还用于:
当所述握持状态为所述左手握持状态时,获取左侧触控元素的所述元素显示位置,所述左侧触控元素是位于所述用户界面左边缘的触控元素;
当所述握持状态为所述右手握持状态时,获取右侧触控元素的所述元素显示位置,所述右侧触控元素是位于所述用户界面右边缘的触控元素。
可选的,所述第二确定单元,还用于:
获取所述握持状态下握持手的单手触控区域;
若所述单手触控区域与所述边缘空余区域间存在交集区域,则将所述交集区域的纵坐标确定为所述第二显示区域的所述显示纵坐标。
可选的,所述装置还包括:
第一接收模块,用于接收对所述浮标的第一操作信号,其中,接收到所述第一操作信号后,所述浮标处于可移动状态;
第二接收模块,用于当接收对所述浮标的第二操作信号时,控制所述浮标在当前所在边缘的预设移动范围内移动,其中,位于所述预设移动范围内的浮标被触发时,以弧形排列方式显示的至少两个图标完整显示在所述浮标的周侧;
或,
第三接收模块,用于当接收到对所述浮标的第三操作信号时,控制所述浮标移动至当前所在边缘的对侧边缘。
综上所述,竖屏状态下,终端根据当前所处的握持状态以及用户界面中包含的触控元素,确定浮标在用户界面中的显示区域,并在浮标当前所处的显示区域与确定出的显示区域不匹配时,自动将浮标移动至确定出的显示区域;基于握持状态和用户界面中触控元素的分布确定浮标的显示位置并移动浮标,方便用户在单手操作情况下点击浮标,并避免浮标对界面中的触控元素造成遮挡,在提高用户操作效率的同时,降低了浮标误触的概率。
本实施例中,终端根据用户界面中握持手侧触控元素的元素纵坐标和元素高度,确定用户界面中不包含触控元素的边缘空闲区域,并将基于该边缘空闲区域确定第二显示区域的显示纵坐标,确保调整显示区域后,浮标与用户界面中其他触控元素之间互不遮挡,避免了对触控元素或浮标的误触。
另外,本实施例中,当握持手的单手触控区域和边缘空闲区域之间存在交集时,终端将交集区域的纵坐标确定为第二显示区域的显示纵坐标,确保用户能够使用握持手点击到浮标,进一步提高了用户的单手操作效率。
本申请实施例还提供了一种计算机可读介质,该计算机可读介质存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的浮标显示方法。
本申请实施例还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的浮标显示方法。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (16)
1.一种浮标显示方法,其特征在于,所述方法用于处于竖屏状态的终端,所述方法包括:
在用户界面的第一显示区域显示浮标,所述浮标用于触发在所述浮标的周侧,以弧形排列方式显示至少两个图标;
根据所述终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,所述触控元素至少包括图标和控件;
若所述第一显示区域与所述第二显示区域不匹配,则将所述浮标移动至所述第二显示区域。
2.根据权利要求1所述的方法,其特征在于,所述根据终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,包括:
根据终端所处的所述握持状态,确定所述第二显示区域的显示横坐标,所述握持状态包括左手握持状态和右手握持状态;
根据所述用户界面中所述触控元素的元素显示位置,确定所述第二显示区域的显示纵坐标。
3.根据权利要求2所述的方法,其特征在于,所述根据终端所处的所述握持状态,确定所述第二显示区域的显示横坐标,包括:
根据第一边缘触控区域和第二边缘触控区域内触控信号的数量,确定所述握持状态,所述第一边缘触控区域和所述第二边缘触控区域位于终端长边边缘,且所述第一边缘触控区域所述用户界面的左边缘对应,所述第二边缘触控区域所述用户界面的右边缘对应;
当所述握持状态为所述左手握持状态时,确定所述第二显示区域的所述显示横坐标为第一横坐标;
当所述握持状态为所述右握持状态时,确定所述第二显示区域的所述显示横坐标为第二横坐标;
其中,当所述显示横坐标为所述第一横坐标,所述第二显示区域位于所述用户界面的左边缘;当所述显示横坐标为所述第二横坐标,所述第二显示区域位于所述用户界面的右边缘。
4.根据权利要求2所述的方法,其特征在于,位于所述第二显示区域内的所述浮标不遮挡所述触控元素,所述根据所述用户界面中所述触控元素的元素显示位置,确定所述第二显示区域的显示纵坐标,包括:
获取所述用户界面中所述触控元素的所述元素显示位置;
根据所述元素显示位置,确定所述用户界面中的边缘空余区域,所述边缘空余区域指所述用户界面边缘处不包含所述触控元素的区域;
根据所述边缘空余区域确定所述第二显示区域的所述显示纵坐标。
5.根据权利要求4所述的方法,其特征在于,所述获取所述用户界面中所述触控元素的所述元素显示位置,包括:
当所述握持状态为所述左手握持状态时,获取左侧触控元素的所述元素显示位置,所述左侧触控元素是位于所述用户界面左边缘的触控元素;
当所述握持状态为所述右手握持状态时,获取右侧触控元素的所述元素显示位置,所述右侧触控元素是位于所述用户界面右边缘的触控元素。
6.根据权利要求4所述的方法,其特征在于,所述根据所述边缘空余区域确定所述第二显示区域的所述显示纵坐标,包括:
获取所述握持状态下握持手的单手触控区域;
若所述单手触控区域与所述边缘空余区域间存在交集区域,则将所述交集区域的纵坐标确定为所述第二显示区域的所述显示纵坐标。
7.根据权利要求1至6任一所述的方法,其特征在于,所述方法还包括:
接收对所述浮标的第一操作信号,其中,接收到所述第一操作信号后,所述浮标处于可移动状态;
当接收对所述浮标的第二操作信号时,控制所述浮标在当前所在边缘的预设移动范围内移动,其中,位于所述预设移动范围内的浮标被触发时,以弧形排列方式显示的至少两个图标完整显示在所述浮标的周侧;
或,
当接收到对所述浮标的第三操作信号时,控制所述浮标移动至当前所在边缘的对侧边缘。
8.一种浮标显示装置,其特征在于,所述装置用于处于竖屏状态的终端,所述装置包括:
显示模块,用于在用户界面的第一显示区域显示浮标,所述浮标用于触发在所述浮标的周侧,以弧形排列方式显示至少两个图标;
确定模块,用于根据所述终端所处的握持状态和所述用户界面中包含的触控元素,确定所述浮标在所述用户界面中的第二显示区域,所述触控元素至少包括图标和控件;
移动模块,用于当所述第一显示区域与所述第二显示区域不匹配时,将所述浮标移动至所述第二显示区域。
9.根据权利要求8所述的装置,其特征在于,所述确定模块,包括:
第一确定单元,用于根据终端所处的所述握持状态,确定所述第二显示区域的显示横坐标,所述握持状态包括左手握持状态和右手握持状态;
第二确定单元,用于根据所述用户界面中所述触控元素的元素显示位置,确定所述第二显示区域的显示纵坐标。
10.根据权利要求9所述的装置,其特征在于,所述第一确定单元,用于:
根据第一边缘触控区域和第二边缘触控区域内触控信号的数量,确定所述握持状态,所述第一边缘触控区域和所述第二边缘触控区域位于终端长边边缘,且所述第一边缘触控区域所述用户界面的左边缘对应,所述第二边缘触控区域所述用户界面的右边缘对应;
当所述握持状态为所述左手握持状态时,确定所述第二显示区域的所述显示横坐标为第一横坐标;
当所述握持状态为所述右握持状态时,确定所述第二显示区域的所述显示横坐标为第二横坐标;
其中,当所述显示横坐标为所述第一横坐标,所述第二显示区域位于所述用户界面的左边缘;当所述显示横坐标为所述第二横坐标,所述第二显示区域位于所述用户界面的右边缘。
11.根据权利要求9所述的装置,其特征在于,位于所述第二显示区域内的所述浮标不遮挡所述触控元素,所述第二确定单元,用于:
获取所述用户界面中所述触控元素的所述元素显示位置;
根据所述元素显示位置,确定所述用户界面中的边缘空余区域,所述边缘空余区域指所述用户界面边缘处不包含所述触控元素的区域;
根据所述边缘空余区域确定所述第二显示区域的所述显示纵坐标。
12.根据权利要求11所述的装置,其特征在于,所述第二确定单元,还用于:
当所述握持状态为所述左手握持状态时,获取左侧触控元素的所述元素显示位置,所述左侧触控元素是位于所述用户界面左边缘的触控元素;
当所述握持状态为所述右手握持状态时,获取右侧触控元素的所述元素显示位置,所述右侧触控元素是位于所述用户界面右边缘的触控元素。
13.根据权利要求11所述的装置,其特征在于,所述第二确定单元,还用于:
获取所述握持状态下握持手的单手触控区域;
若所述单手触控区域与所述边缘空余区域间存在交集区域,则将所述交集区域的纵坐标确定为所述第二显示区域的所述显示纵坐标。
14.根据权利要求8至13任一所述的装置,其特征在于,所述装置还包括:
第一接收模块,用于接收对所述浮标的第一操作信号,其中,接收到所述第一操作信号后,所述浮标处于可移动状态;
第二接收模块,用于当接收对所述浮标的第二操作信号时,控制所述浮标在当前所在边缘的预设移动范围内移动,其中,位于所述预设移动范围内的浮标被触发时,以弧形排列方式显示的至少两个图标完整显示在所述浮标的周侧;
或,
第三接收模块,用于当接收到对所述浮标的第三操作信号时,控制所述浮标移动至当前所在边缘的对侧边缘。
15.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如权利要求1至6任一所述的浮标显示方法。
16.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如权利要求1至6任一所述的浮标显示方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810589771.7A CN108762619B (zh) | 2018-06-08 | 2018-06-08 | 浮标显示方法、装置、终端及存储介质 |
PCT/CN2019/088793 WO2019233313A1 (zh) | 2018-06-08 | 2019-05-28 | 浮标显示方法、装置、终端及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810589771.7A CN108762619B (zh) | 2018-06-08 | 2018-06-08 | 浮标显示方法、装置、终端及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108762619A true CN108762619A (zh) | 2018-11-06 |
CN108762619B CN108762619B (zh) | 2021-02-23 |
Family
ID=64000759
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810589771.7A Active CN108762619B (zh) | 2018-06-08 | 2018-06-08 | 浮标显示方法、装置、终端及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN108762619B (zh) |
WO (1) | WO2019233313A1 (zh) |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109683796A (zh) * | 2018-12-25 | 2019-04-26 | 努比亚技术有限公司 | 一种交互控制方法、设备及计算机可读存储介质 |
CN110413192A (zh) * | 2019-07-08 | 2019-11-05 | 广州视源电子科技股份有限公司 | 快捷按键响应方法、装置、设备及存储介质 |
WO2019233313A1 (zh) * | 2018-06-08 | 2019-12-12 | Oppo广东移动通信有限公司 | 浮标显示方法、装置、终端及存储介质 |
CN110673783A (zh) * | 2019-08-29 | 2020-01-10 | 华为技术有限公司 | 一种触控方法与电子设备 |
CN111427492A (zh) * | 2020-03-19 | 2020-07-17 | 青岛海信移动通信技术股份有限公司 | 一种显示位置的控制方法及终端 |
CN112612399A (zh) * | 2020-12-24 | 2021-04-06 | 安徽鸿程光电有限公司 | 悬浮工具栏的移动方法、装置、智能交互设备及存储介质 |
CN113434076A (zh) * | 2021-08-23 | 2021-09-24 | 统信软件技术有限公司 | 一种单手控制方法、装置及移动终端 |
CN114647351A (zh) * | 2020-12-25 | 2022-06-21 | 华为技术有限公司 | 一种界面元素显示方法及设备 |
WO2022218282A1 (zh) * | 2021-04-16 | 2022-10-20 | 北京字跳网络技术有限公司 | 控件的显示方法、装置、电子设备和存储介质 |
WO2022246978A1 (zh) * | 2021-05-28 | 2022-12-01 | 上海擎感智能科技有限公司 | 一种应用图标的显示方法及装置 |
US12073071B2 (en) | 2020-07-29 | 2024-08-27 | Huawei Technologies Co., Ltd. | Cross-device object drag method and device |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150149889A1 (en) * | 2013-11-28 | 2015-05-28 | Alibaba Group Holding Limited | Displaying page elements |
CN104731510A (zh) * | 2015-03-31 | 2015-06-24 | 努比亚技术有限公司 | 移动终端操作控件集中显示的方法和装置 |
CN105302408A (zh) * | 2014-06-24 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 对悬浮按钮的位置进行调节的方法、装置及终端 |
CN105373324A (zh) * | 2014-08-29 | 2016-03-02 | 宇龙计算机通信科技(深圳)有限公司 | 图形界面显示方法、图形界面显示装置及终端 |
US20160179337A1 (en) * | 2014-12-17 | 2016-06-23 | Datalogic ADC, Inc. | Floating soft trigger for touch displays on electronic device |
CN106547466A (zh) * | 2016-10-31 | 2017-03-29 | 北京小米移动软件有限公司 | 显示控制方法及装置 |
CN106844749A (zh) * | 2017-02-16 | 2017-06-13 | 郑州云海信息技术有限公司 | 一种页面显示方法及装置 |
CN107124508A (zh) * | 2017-04-18 | 2017-09-01 | 北京小米移动软件有限公司 | 悬浮控件的位置调整方法、装置及终端、可读存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107734183A (zh) * | 2017-10-31 | 2018-02-23 | 惠州Tcl移动通信有限公司 | 一种单手操作移动终端的方法、存储介质及移动终端 |
CN108762619B (zh) * | 2018-06-08 | 2021-02-23 | Oppo广东移动通信有限公司 | 浮标显示方法、装置、终端及存储介质 |
-
2018
- 2018-06-08 CN CN201810589771.7A patent/CN108762619B/zh active Active
-
2019
- 2019-05-28 WO PCT/CN2019/088793 patent/WO2019233313A1/zh active Application Filing
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150149889A1 (en) * | 2013-11-28 | 2015-05-28 | Alibaba Group Holding Limited | Displaying page elements |
CN105302408A (zh) * | 2014-06-24 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 对悬浮按钮的位置进行调节的方法、装置及终端 |
CN105373324A (zh) * | 2014-08-29 | 2016-03-02 | 宇龙计算机通信科技(深圳)有限公司 | 图形界面显示方法、图形界面显示装置及终端 |
US20160179337A1 (en) * | 2014-12-17 | 2016-06-23 | Datalogic ADC, Inc. | Floating soft trigger for touch displays on electronic device |
CN104731510A (zh) * | 2015-03-31 | 2015-06-24 | 努比亚技术有限公司 | 移动终端操作控件集中显示的方法和装置 |
CN106547466A (zh) * | 2016-10-31 | 2017-03-29 | 北京小米移动软件有限公司 | 显示控制方法及装置 |
CN106844749A (zh) * | 2017-02-16 | 2017-06-13 | 郑州云海信息技术有限公司 | 一种页面显示方法及装置 |
CN107124508A (zh) * | 2017-04-18 | 2017-09-01 | 北京小米移动软件有限公司 | 悬浮控件的位置调整方法、装置及终端、可读存储介质 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2019233313A1 (zh) * | 2018-06-08 | 2019-12-12 | Oppo广东移动通信有限公司 | 浮标显示方法、装置、终端及存储介质 |
CN109683796B (zh) * | 2018-12-25 | 2021-09-07 | 努比亚技术有限公司 | 一种交互控制方法、设备及计算机可读存储介质 |
CN109683796A (zh) * | 2018-12-25 | 2019-04-26 | 努比亚技术有限公司 | 一种交互控制方法、设备及计算机可读存储介质 |
CN110413192A (zh) * | 2019-07-08 | 2019-11-05 | 广州视源电子科技股份有限公司 | 快捷按键响应方法、装置、设备及存储介质 |
CN110673783A (zh) * | 2019-08-29 | 2020-01-10 | 华为技术有限公司 | 一种触控方法与电子设备 |
CN111427492A (zh) * | 2020-03-19 | 2020-07-17 | 青岛海信移动通信技术股份有限公司 | 一种显示位置的控制方法及终端 |
US12073071B2 (en) | 2020-07-29 | 2024-08-27 | Huawei Technologies Co., Ltd. | Cross-device object drag method and device |
CN112612399A (zh) * | 2020-12-24 | 2021-04-06 | 安徽鸿程光电有限公司 | 悬浮工具栏的移动方法、装置、智能交互设备及存储介质 |
CN114647351A (zh) * | 2020-12-25 | 2022-06-21 | 华为技术有限公司 | 一种界面元素显示方法及设备 |
WO2022218282A1 (zh) * | 2021-04-16 | 2022-10-20 | 北京字跳网络技术有限公司 | 控件的显示方法、装置、电子设备和存储介质 |
WO2022246978A1 (zh) * | 2021-05-28 | 2022-12-01 | 上海擎感智能科技有限公司 | 一种应用图标的显示方法及装置 |
CN113434076A (zh) * | 2021-08-23 | 2021-09-24 | 统信软件技术有限公司 | 一种单手控制方法、装置及移动终端 |
CN113434076B (zh) * | 2021-08-23 | 2021-12-07 | 统信软件技术有限公司 | 一种单手控制方法、装置及移动终端 |
Also Published As
Publication number | Publication date |
---|---|
WO2019233313A1 (zh) | 2019-12-12 |
CN108762619B (zh) | 2021-02-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108762619A (zh) | 浮标显示方法、装置、终端及存储介质 | |
US11467715B2 (en) | User interface display method, terminal and non-transitory computer-readable storage medium for splitting a display using a multi-finger swipe | |
CN108958681B (zh) | 分屏显示的方法、装置、终端及存储介质 | |
CN107577495B (zh) | 界面显示方法、装置及终端 | |
CN107506123B (zh) | 调节操作执行方法、装置及终端 | |
CN109164964B (zh) | 内容分享方法、装置、终端及存储介质 | |
CN108089786B (zh) | 用户界面显示方法、装置、设备及存储介质 | |
EP3761161B1 (en) | Input method interface display method and device, and terminal and storage medium | |
CN107688422B (zh) | 通知消息显示方法及装置 | |
CN107547750B (zh) | 终端的控制方法、装置和存储介质 | |
CN107562361B (zh) | 消息处理方法、装置及终端 | |
CN108415753A (zh) | 用户界面显示方法、装置及终端 | |
CN108874288A (zh) | 应用程序切换方法、装置、终端及存储介质 | |
WO2017097097A1 (zh) | 触摸控制方法、用户设备、输入处理方法、移动终端及智能终端 | |
CN109101157A (zh) | 侧边栏图标设置方法、装置、终端及存储介质 | |
CN107577415B (zh) | 触摸操作响应方法及装置 | |
CN108540647A (zh) | 用户界面显示方法、装置、终端及存储介质 | |
CN107526525B (zh) | 一种截屏方法、装置、移动终端及计算机可读存储介质 | |
CN108803964A (zh) | 浮标显示方法、装置、终端及存储介质 | |
US20150169216A1 (en) | Method of controlling screen of portable electronic device | |
CN107656578A (zh) | 终端控制方法、装置、终端及存储介质 | |
CN107608550B (zh) | 触摸操作响应方法及装置 | |
EP3640783B1 (en) | Touch operation response method and device | |
WO2019233307A1 (zh) | 用户界面显示方法、装置、终端及存储介质 | |
CN110442267B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |