CN115344152B - 界面操作方法、装置、电子设备及可读存储介质 - Google Patents
界面操作方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN115344152B CN115344152B CN202210823663.8A CN202210823663A CN115344152B CN 115344152 B CN115344152 B CN 115344152B CN 202210823663 A CN202210823663 A CN 202210823663A CN 115344152 B CN115344152 B CN 115344152B
- Authority
- CN
- China
- Prior art keywords
- interface
- anchor point
- determining
- updated
- display area
- 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/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/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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
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)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种界面操作方法、装置、电子设备及可读存储介质,属于通信技术领域。本申请通过,在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。以实现在展示界面无缩小的情况下执行单手操作模式。
Description
技术领域
本申请涉及通信技术领域,尤其涉及一种界面操作方法、装置、电子设备及可读存储介质。
背景技术
随着屏幕触控技术的快速发展,采用触摸屏的终端设备被广泛应用。而且,为了提升用户体验,当前的终端设备,尤其是移动终端(如智能手机),其屏幕日趋大型化,从而使得用户可以通过较大的屏幕浏览信息。而对于屏幕相对较大的终端设备,当用户单手持设备进行操作时,常常会出现部分区域接触不到的现象。例如,当用户右手持手机进行单手操作时,常常只能接触到右下角的部分区域,而接触不到左上角的部分区域。因此,目前大多手机都设置了单手操作模式。
目前,常用的单手操作模式一般为缩小用于展示界面元素的展示界面。然而,缩小展示界面的操作与大屏设计的初衷相违背,严重损害了用户对大屏手机的使用体验。
发明内容
为了解决上述缩小展示界面损害了用户对大屏手机的使用体验技术问题,本申请提供了一种界面操作方法、装置、电子设备及可读存储介质。
第一方面,提供了一种界面操作方法,所述方法包括:
在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
在一个可能的实施方式中,所述方法还包括:
在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素;
在不存在重复元素时,将每个所述更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述方法还包括:
在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述在所述第一界面上确定显示区域,包括:
确定所述单手操作模式对应的操作状态,所述操作状态包括左手操作状态和右手操作状态;
按照预设的操作状态与候选区域的对应关系,在所述第一界面上确定所述操作状态对应的第一候选区域;
在所述第一候选区域中确定所述显示区域。
在一个可能的实施方式中,所述在所述第一候选区域中确定所述显示区域,包括:
在所述第一候选区域中存在所述界面元素的情况下,确定所述界面元素对应的主展示区域,所述主展示区域用于展示所述界面元素的主要信息;
将所述第一候选区域中除所述主展示区域之外的其他区域,确定为第二候选区域,在所述第二候选区域中确定所述显示区域。
在一个可能的实施方式中,所述在所述第一界面上确定显示区域,包括:
在所述第一界面上确定触摸位置对应的第三候选区域,在所述第三候选区域中确定所述显示区域,所述触摸位置为所述设备通过所述第一界面接收触摸信号的位置。
在一个可能的实施方式中,所述利用所述第二界面展示至少一个所述锚点标识,包括:
在至少一个所述锚点标识的数量大于预设数量时,按照所述预设数量将至少一个所述锚点标识划分为至少两组标识组合;
在所述第二界面依次滚动显示每一组所述标识组合。
在一个可能的实施方式中,所述利用所述第二界面展示至少一个所述锚点标识,包括:
确定所述显示区域对应的第一颜色,并基于所述第一颜色确定第二颜色,所述第二颜色与所述第一颜色不同;
利用所述第二颜色渲染至少一个所述锚点标识;
利用所述第二界面展示经渲染过的至少一个所述锚点标识,其中,所述第二界面为透明界面。
在一个可能的实施方式中,所述利用所述第二界面展示至少一个所述锚点标识之后,还包括:
将所述第一界面设置为不可操作状态,其中,处于不可操作状态的界面不接收触摸信号。
第二方面,提供了一种界面操作装置,所述装置包括:
界面确定模块,用于在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
区域确定模块,用于在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
展示模块,用于利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
在一个可能的实施方式中,所述装置还包括标记模块,用于:
在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素;
在不存在重复元素时,将每个所述更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述方法标记模块,还用于:
在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述区域确定模块,具体用于:
确定所述单手操作模式对应的操作状态,所述操作状态包括左手操作状态和右手操作状态;
按照预设的操作状态与候选区域的对应关系,在所述第一界面上确定所述操作状态对应的第一候选区域;
在所述第一候选区域中确定所述显示区域。
在一个可能的实施方式中,所述区域确定模块,还用于:
在所述第一候选区域中存在所述界面元素的情况下,确定所述界面元素对应的主展示区域,所述主展示区域用于展示所述界面元素的主要信息;
将所述第一候选区域中除所述主展示区域之外的其他区域,确定为第二候选区域,在所述第二候选区域中确定所述显示区域。
在一个可能的实施方式中,所述区域确定模块,还用于:
在所述第一界面上确定触摸位置对应的第三候选区域,在所述第三候选区域中确定所述显示区域,所述触摸位置为所述设备通过所述第一界面接收触摸信号的位置。
在一个可能的实施方式中,所述展示模块,用于:
在至少一个所述锚点标识的数量大于预设数量时,按照所述预设数量将至少一个所述锚点标识划分为至少两组标识组合;
在所述第二界面依次滚动显示每一组所述标识组合。
第三方面,提供了一种电子设备,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现第一方面任一所述的方法步骤。
第四方面,提供了一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现第一方面任一所述的方法步骤。
第五方面,提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一所述的界面操作方法。
本申请实施例有益效果:
本申请实施例提供了一种界面操作方法、装置、电子设备及可读存储介质,本申请中,在设备处于单手操作模式的情况下,首先,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;然后,在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;最后,利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
通过本方案,可以利用悬浮于第一界面(即展示界面)上的第二界面,展示第一界面中界面元素的锚点标识,使用户可以通过操作第二界面中的锚点标识控制展示界面中的界面元素,从而实现在展示界面无缩小的情况下执行单手操作模式,提高用户体验。
当然,实施本申请的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种界面操作方法的流程图;
图2为本申请另一实施例提供的一种界面操作方法的流程图;
图3为本申请另一实施例提供的一种界面操作方法的流程图;
图4为本申请实施例提供的一种界面操作装置的结构示意图;
图5为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本申请保护的范围。
由于目前,常用的单手操作模式一般为缩小用于展示界面元素的展示界面。然而,缩小展示界面的操作与大屏设计的初衷相违背,严重损害了用户对大屏手机的使用体验。为此,本申请实施例提供了一种界面操作方法。
下面将结合具体实施方式,对本申请实施例提供的一种界面操作方法进行详细的说明,如图1所示,具体步骤如下:
S101,在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识。
本申请实施例提供的一种界面操作方法可以用于实现单手操作设备当前展示的界面(即,第一界面),其中,第一界面用于展示至少一个界面元素,例如,第一界面为手机主界面时,界面元素可以为各个应用标识;第一界面为视频软件展示界面时,界面元素可以为其展示的各个视频封面。
需要知道的是,当用户操作翻页时,则将翻页之后的界面作为第一界面,重新执行S101,即,始终以当前展示的界面为第一界面。
在本申请实施例中,可以为第一界面中每个支持单手操作的界面元素添加用于唯一标识界面元素的锚点标识,其中,锚点标识的形式可以是字母、数字、或字母和数字的组合方式等。
具体的,在设备处于单手操作模式的情况下,可以确定设备当前展示的第一界面及第一界面展示的支持单手操作的至少一个界面元素。
S102,在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面。
S103,利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
以下对S102-S103进行统一说明:
在本申请实施例中,显示区域为第一界面上的部分展示区域,优选的,显示区域为第一界面上方便用户单手操作的位置。
具体的,在显示区域展示第二界面,使第二界面悬浮于第一界面上,其中,第二界面的尺寸小于第一界面,例如,第二界面可以是悬浮于第一界面左下方或右下方的较小的界面。进而,利用第二界面展示至少一个锚点标识,从而使用户可以通过操作第二界面上展示的锚点标识,控制第一界面展示的与该锚点标识对应的界面元素。
例如,第一界面展示的界面元素包括元素a、元素b、元素c,其中,元素a、元素b、元素c对应的锚点标识依次为1、2、3,则通过第二界面展示1、2、3,在用户通过第二界面选择1时,则确定用户要操作的为第一界面上的元素a,在用户通过第二界面选择2时,则确定用户要操作的为第一界面上的元素b,在用户通过第二界面选择3时,则确定用户要操作的为第一界面上的元素c。
本申请实施例中,可以利用悬浮于第一界面(即展示界面)上的第二界面,展示第一界面中界面元素的锚点标识,使用户可以通过操作第二界面中的锚点标识控制展示界面中的界面元素,从而实现在展示界面无缩小的情况下执行单手操作模式,提高用户体验。
在本申请又一实施例中,所述方法还可以包括以下步骤:
在设备处于单手操作模式的情况下,针对至少一个界面元素中的任一界面元素,在所述第一界面上确定所述界面元素对应的展示位置,在所述展示位置上显示所述界面元素对应的锚点标识。从而方便用户直观了解锚点标识与界面元素的对应关系。
在本申请又一实施例中,如图2所示,可以包括以下步骤添加界面元素的锚点标识:
S201,在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素。
S202,在不存在重复元素时,将每个所述更新元素确定为待标记元素;
S203,针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一。
S204,在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素。
S205,针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
在本申请实施例中,当用户操作翻页时第一界面更新,翻页之前的界面为更新前的第一界面,翻页之后的界面为更新后的第一界面,更新元素为更新后的第一界面展示的界面元素。
在本申请实施例中,更新后的第一界面展示的更新元素与更新前的第一界面展示的界面元素不存在重复元素时,意味着更新元素中不存在未标识的元素,因此,为每个更新元素添加用于唯一标识更新元素的锚点标识;在存在重复元素时,意味着更新元素中的重复元素在界面更新前已添加了锚点标识,因此仅为未添加过锚点标识的更新元素(即除重复元素外的其他更新元素)添加锚点标识即可,且新添加的锚点标识与重复元素的锚点标识不同,保证第一界面上每个元素拥有唯一的锚点标识。
例如,更新前第一界面上包括a、b、c、d、e五个界面元素,其对应的锚点标识依次为1、2、3、4、5,更新后第一界面上包括d、e、f、g、h五个更新元素,则d、e为重复元素,在更新前已经添加了锚点标识4、5,因此,仅为f、g、h添加锚点标识即可。
如此,相对于每次更新界面时对所有界面元素添加锚点标识,可以减少添加锚点标识的工作量,提高添加锚点标识的效率。
在本申请又一实施例中,如图3所示,所述S102,可以包括以下步骤:
S301,确定所述单手操作模式对应的操作状态,所述操作状态包括左手操作状态和右手操作状态。
S302,按照预设的操作状态与候选区域的对应关系,在所述第一界面上确定所述操作状态对应的第一候选区域。
S303,在所述第一候选区域中确定所述显示区域。
在本申请实施例中,可以根据单手操作模式对应的操作状态确定显示区域,具体为,当操作状态为左手操作状态时,即,用户使用左手握持设备时,将左手操作状态对应的候选区域确定为第一候选区域,一般左手操作状态对应的候选区域为显示界面靠左边的位置,进而在第一候选区域中确定显示区域;当操作状态为右手操作状态时,即,用户使用右手握持设备时,将右手操作状态对应的候选区域确定为第一候选区域,一般右手操作状态对应的候选区域为显示界面靠右边的位置,进而在第一候选区域中确定显示区域。其中,左手操作状态对应的候选区域和右手操作状态对应的候选区域,可以由用户预先设置。
可选的,可以通过在设备上设置的传感器确定操作状态为左手操作状态还是右手操作状态。
本申请实施例中,可以在第一界面上确定操作状态对应的第一候选区域,进而,在第一候选区域中确定显示区域。从而使显示区域所在位置与用户握持设备的状态(左手握持或右手握持)相符,进而方便用户使用。
在本申请又一实施例中,所述S303,可以包括以下步骤:
步骤一,在所述第一候选区域中存在所述界面元素的情况下,确定所述界面元素对应的主展示区域,所述主展示区域用于展示所述界面元素的主要信息。
步骤二,将所述第一候选区域中除所述主展示区域之外的其他区域,确定为第二候选区域,在所述第二候选区域中确定所述显示区域。
在本申请实施例中,主展示区域用于展示界面元素的主要信息,其中,主要信息指用于描述界面元素的重要信息,如界面元素为应用程序时,主要信息为应用程序图标中的主要组成图形,和/或,应用程序的文字名称;又如界面元素为视频封面时,主要信息为视频封面中的人物,和/或,视频封面上的文字介绍。
具体的,可以先确定第一候选区域中是否存在界面元素,在第一候选区域中存在界面元素的情况下,可以确定界面元素对应的主展示区域,进而,将第一候选区域中除主展示区域之外的其他区域,确定为第二候选区域,在第二候选区域中确定显示区域。也即,在不影响用户了解界面元素的主要内容的区域中(如界面元素中的背景部分)确定显示区域。从而避免在显示区域展示第二界面时,影响用户观看界面元素的主要信息。
在本申请又一实施例中,所述S102,还可以包括以下步骤:
在所述第一界面上确定触摸位置对应的第三候选区域,在所述第三候选区域中确定所述显示区域,所述触摸位置为所述设备通过所述第一界面接收触摸信号的位置。
在本申请实施例中,在用户选择单手操作模式时,可以控制设备在第一界面上弹出用于提示用户选择显示区域的提示,用户根据提示在第一界面上触摸希望作为显示区域的位置,进而识别用户的触摸位置,即,第一界面接收触摸信号的位置,将该触摸位置所在的区域作为第三候选区域,并在第三候选区域中确定显示区域。从而实现根据用户意愿确定显示区域,提高用户体验。
在本申请又一实施例中,所述S103,可以包括以下步骤:
步骤一,在至少一个所述锚点标识的数量大于预设数量时,按照所述预设数量将至少一个所述锚点标识划分为至少两组标识组合。
步骤二,在所述第二界面依次滚动显示每一组所述标识组合。
在本申请实施例中,可以先确定锚点标识的数量,也就是第一界面展示的界面元素的数量,在锚点标识的数量大于预设数量时,意味着直接用第二界面一次性展示所有锚点标识,存在展示位置不够,或,由于一次性展示的锚点标识较多导致字体较小的问题。因此,可以按照预设数量将所有锚点标识划分为至少两组标识组合,进而在第二界面依次滚动显示每一组标识组合。从而保证第二界面的展示效果。
而在锚点标识的数量小于或等于预设数量时,意味着第二界面可以在保证展示效果的情况下一次性展示所有锚点标识,因此,可以直接利用第二界面一次性展示所有锚点,方便用户操作。
在本申请又一实施例中,所述S103,还可以包括以下步骤:
确定所述显示区域对应的第一颜色,并基于所述第一颜色确定第二颜色,所述第二颜色与所述第一颜色不同;利用所述第二颜色渲染至少一个所述锚点标识;利用所述第二界面展示经渲染过的至少一个所述锚点标识,其中,所述第二界面为透明界面。
在本申请实施例中,为了不影响用户观看第一界面,将第二界面设置为透明界面,即,透过第二界面可以直接观看第一界面的显示区域。而为了使第二界面可以清晰展示每个锚点标识,该实施例中,可以先确定显示区域对应的第一颜色,其中,第一颜色可以是一种颜色也可以是多种颜色的组合,进而确定与第一颜色不同的第二颜色,优选的,第二颜色为与第一颜色差别较大的颜色。之后,利用第二颜色渲染每个锚点标识,并利用第二界面展示经第二颜色渲染后的所有锚点标识。
本申请实施例中,利用与显示区域的第一颜色不同的第二颜色渲染每个锚点标识,进而,利用透明的第二界面展示经第二颜色渲染后的所有锚点标识,从而可以在尽量不影响用户观看第一界面的情况下,清晰的展示每个锚点标识。
在本申请又一实施例中,所述S103之后,还可以包括以下步骤:
将所述第一界面设置为不可操作状态,其中,处于不可操作状态的界面不接收触摸信号。
在本申请实施例中,处于不可操作状态的界面不接收触摸信号,为了避免用户在单手操作模式下误触碰第一界面,导致输入信号紊乱,可以在利用第二界面展示所有锚点标识后,只保留第二界面为可操作界面,而将第一界面设置为不可操作状态,即,不可操作界面。从而避免由于用户误触碰第一界面导致的输入信号紊乱。
基于相同的技术构思,本申请实施例还提供了一种界面操作装置,如图4所示,该装置包括:
界面确定模块401,用于在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
区域确定模块402,用于在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
展示模块403,用于利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
在一个可能的实施方式中,所述装置还包括标记模块,用于:
在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素;
在不存在重复元素时,将每个所述更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述方法标记模块,还用于:
在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
在一个可能的实施方式中,所述区域确定模块,具体用于:
确定所述单手操作模式对应的操作状态,所述操作状态包括左手操作状态和右手操作状态;
按照预设的操作状态与候选区域的对应关系,在所述第一界面上确定所述操作状态对应的第一候选区域;
在所述第一候选区域中确定所述显示区域。
在一个可能的实施方式中,所述区域确定模块,还用于:
在所述第一候选区域中存在所述界面元素的情况下,确定所述界面元素对应的主展示区域,所述主展示区域用于展示所述界面元素的主要信息;
将所述第一候选区域中除所述主展示区域之外的其他区域,确定为第二候选区域,在所述第二候选区域中确定所述显示区域。
在一个可能的实施方式中,所述区域确定模块,还用于:
在所述第一界面上确定触摸位置对应的第三候选区域,在所述第三候选区域中确定所述显示区域,所述触摸位置为所述设备通过所述第一界面接收触摸信号的位置。
在一个可能的实施方式中,所述展示模块,用于:
在至少一个所述锚点标识的数量大于预设数量时,按照所述预设数量将至少一个所述锚点标识划分为至少两组标识组合;
在所述第二界面依次滚动显示每一组所述标识组合。
本申请实施例中,可以利用悬浮于第一界面(即展示界面)上的第二界面,展示第一界面中界面元素的锚点标识,使用户可以通过操作第二界面中的锚点标识控制展示界面中的界面元素,从而实现在展示界面无缩小的情况下执行单手操作模式,提高用户体验。
基于相同的技术构思,本申请实施例还提供了一种电子设备,如图5所示,包括处理器111、通信接口112、存储器113和通信总线114,其中,处理器111,通信接口112,存储器113通过通信总线114完成相互间的通信,
存储器113,用于存放计算机程序;
处理器111,用于执行存储器113上所存放的程序时,实现如下步骤:
在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素。
上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述电子设备与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,RAM),也可以包括非易失性存储器(Non-Volatile Memory,NVM),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(Digital SignalProcessing,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本申请提供的又一实施例中,还提供了一种计算机可读存储介质,该计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一界面操作方法的步骤。
在本申请提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一界面操作方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本申请的具体实施方式,使本领域技术人员能够理解或实现本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。
Claims (8)
1.一种界面操作方法,其特征在于,所述方法包括:
在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素;
其中,所述方法还包括:
在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素;
在不存在重复元素时,将每个所述更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一;
其中,所述方法还包括:
在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
2.根据权利要求1所述的方法,其特征在于,所述在所述第一界面上确定显示区域,包括:
确定所述单手操作模式对应的操作状态,所述操作状态包括左手操作状态和右手操作状态;
按照预设的操作状态与候选区域的对应关系,在所述第一界面上确定所述操作状态对应的第一候选区域;
在所述第一候选区域中确定所述显示区域。
3.根据权利要求2所述的方法,其特征在于,所述在所述第一候选区域中确定所述显示区域,包括:
在所述第一候选区域中存在所述界面元素的情况下,确定所述界面元素对应的主展示区域,所述主展示区域用于展示所述界面元素的主要信息;
将所述第一候选区域中除所述主展示区域之外的其他区域,确定为第二候选区域,在所述第二候选区域中确定所述显示区域。
4.根据权利要求1所述的方法,其特征在于,所述在所述第一界面上确定显示区域,包括:
在所述第一界面上确定触摸位置对应的第三候选区域,在所述第三候选区域中确定所述显示区域,所述触摸位置为所述设备通过所述第一界面接收触摸信号的位置。
5.根据权利要求1所述的方法,其特征在于,所述利用所述第二界面展示至少一个所述锚点标识,包括:
在至少一个所述锚点标识的数量大于预设数量时,按照所述预设数量将至少一个所述锚点标识划分为至少两组标识组合;
在所述第二界面依次滚动显示每一组所述标识组合。
6.一种界面操作装置,其特征在于,所述装置包括:
界面确定模块,用于在设备处于单手操作模式的情况下,确定所述设备对应的第一界面及所述第一界面展示的至少一个界面元素,其中,每个界面元素对应有用于唯一标识所述界面元素的锚点标识;
区域确定模块,用于在所述第一界面上确定显示区域,并在所述显示区域展示第二界面,使所述第二界面悬浮于所述第一界面上,其中,所述第二界面的尺寸小于所述第一界面;
展示模块,用于利用所述第二界面展示至少一个所述锚点标识,以通过操作所述第二界面展示的至少一个所述锚点标识控制所述第一界面展示的至少一个所述界面元素;
其中,所述装置还包括标记模块,用于:
在所述第一界面更新的情况下,确定更新后的第一界面展示的至少一个更新元素,并确定至少一个所述更新元素与至少一个所述界面元素是否存在重复元素;
在不存在重复元素时,将每个所述更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,每个所述待标记元素的锚点标识唯一;
其中,所述标记模块,还用于:
在存在重复元素时,确定所述重复元素的目标锚点标识,并将至少一个所述更新元素中除所述重复元素外的其他更新元素确定为待标记元素;
针对每个待标记元素,为所述待标记元素添加锚点标识,其中,所述锚点标识与所述目标锚点标识不同,且,每个所述待标记元素的锚点标识唯一。
7.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-5任一所述的方法步骤。
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-5任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210823663.8A CN115344152B (zh) | 2022-07-13 | 2022-07-13 | 界面操作方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210823663.8A CN115344152B (zh) | 2022-07-13 | 2022-07-13 | 界面操作方法、装置、电子设备及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN115344152A CN115344152A (zh) | 2022-11-15 |
CN115344152B true CN115344152B (zh) | 2023-09-01 |
Family
ID=83949013
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210823663.8A Active CN115344152B (zh) | 2022-07-13 | 2022-07-13 | 界面操作方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115344152B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012027645A2 (en) * | 2010-08-27 | 2012-03-01 | Intel Corporation | Techniques for a display navigation system |
CN105929983A (zh) * | 2016-04-22 | 2016-09-07 | 北京奇艺世纪科技有限公司 | 移动设备的操作方法和装置 |
CN106445354A (zh) * | 2016-11-24 | 2017-02-22 | 北京小米移动软件有限公司 | 终端设备的触摸控制方法及装置 |
CN107704189A (zh) * | 2017-10-27 | 2018-02-16 | 努比亚技术有限公司 | 一种控制终端的方法、终端及计算机可读存储介质 |
CN111414116A (zh) * | 2020-02-21 | 2020-07-14 | 网易(杭州)网络有限公司 | 一种信息的显示控制方法、装置、电子设备及存储介质 |
CN113535033A (zh) * | 2021-08-04 | 2021-10-22 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
CN113589926A (zh) * | 2021-07-13 | 2021-11-02 | 杭州灵伴科技有限公司 | 虚拟界面操作方法、头戴式显示设备和计算机可读介质 |
CN113835608A (zh) * | 2021-09-13 | 2021-12-24 | 珠海格力电器股份有限公司 | 触摸控制方法、装置、存储介质、处理器及触摸设备 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104571832A (zh) * | 2015-01-19 | 2015-04-29 | 三星电子(中国)研发中心 | 移动终端、及其操控***和方法 |
CN106020678A (zh) * | 2016-04-29 | 2016-10-12 | 青岛海信移动通信技术股份有限公司 | 一种在移动设备进行触控操作的方法和装置 |
US10613747B2 (en) * | 2017-01-13 | 2020-04-07 | International Business Machines Corporation | Creating and manipulating layers on a user device using touch gestures |
CN112825013A (zh) * | 2019-11-20 | 2021-05-21 | 百度在线网络技术(北京)有限公司 | 终端设备的控制方法和装置 |
-
2022
- 2022-07-13 CN CN202210823663.8A patent/CN115344152B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2012027645A2 (en) * | 2010-08-27 | 2012-03-01 | Intel Corporation | Techniques for a display navigation system |
CN105929983A (zh) * | 2016-04-22 | 2016-09-07 | 北京奇艺世纪科技有限公司 | 移动设备的操作方法和装置 |
CN106445354A (zh) * | 2016-11-24 | 2017-02-22 | 北京小米移动软件有限公司 | 终端设备的触摸控制方法及装置 |
CN107704189A (zh) * | 2017-10-27 | 2018-02-16 | 努比亚技术有限公司 | 一种控制终端的方法、终端及计算机可读存储介质 |
CN111414116A (zh) * | 2020-02-21 | 2020-07-14 | 网易(杭州)网络有限公司 | 一种信息的显示控制方法、装置、电子设备及存储介质 |
CN113589926A (zh) * | 2021-07-13 | 2021-11-02 | 杭州灵伴科技有限公司 | 虚拟界面操作方法、头戴式显示设备和计算机可读介质 |
CN113535033A (zh) * | 2021-08-04 | 2021-10-22 | 北京字跳网络技术有限公司 | 多媒体内容展示的控制方法、装置、电子设备和介质 |
CN113835608A (zh) * | 2021-09-13 | 2021-12-24 | 珠海格力电器股份有限公司 | 触摸控制方法、装置、存储介质、处理器及触摸设备 |
Also Published As
Publication number | Publication date |
---|---|
CN115344152A (zh) | 2022-11-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10180831B2 (en) | Terminal device for downloading and installing an application and method thereof | |
TWI438675B (zh) | 提供情境感知援助說明之方法、裝置及電腦程式產品 | |
US11397522B2 (en) | Page browsing | |
CN112286416A (zh) | 信息显示方法、装置和电子设备 | |
WO2021233282A1 (zh) | 消息详情页的显示方法、装置及电子设备 | |
CN111695151A (zh) | 应用权限设置方法、装置、电子设备及可读存储介质 | |
WO2018161642A1 (zh) | 一种索引定位的方法及装置和计算机存储介质 | |
CN106599257B (zh) | 一种页面快捷方式的实现方法及电子设备 | |
CN114265653A (zh) | 界面显示方法、装置、设备、存储介质及程序产品 | |
CN106598617A (zh) | 一种设置网页快捷方式的方法及电子设备 | |
CN113656718A (zh) | 一种主题切换方法及装置 | |
CN113407075A (zh) | 图标整理方法、装置和电子设备 | |
CN111610917B (zh) | 显示方法、显示装置和电子设备 | |
CN115344152B (zh) | 界面操作方法、装置、电子设备及可读存储介质 | |
WO2023093590A1 (zh) | 显示控制方法、装置、电子设备及介质 | |
WO2023103901A1 (zh) | 应用管理方法、装置和电子设备 | |
CN110716782A (zh) | 一种信息展示方法、装置及电子设备 | |
CN114416264A (zh) | 消息显示方法和装置 | |
CN109885217B (zh) | 一种基于播放视图的实体标识指示方法及装置 | |
CN112764551A (zh) | 词汇显示方法、装置和电子设备 | |
US20160266780A1 (en) | Electronic devices, methods for operating user interface and computer program products | |
US20140043286A1 (en) | Method for identifying touch pen in electronic device, and electronic device | |
CN110928470B (zh) | 一种签名框展示方法、装置、电子设备及存储介质 | |
CN110049374A (zh) | 一种焦点框确定方法及装置 | |
CN116700853B (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 |