肿瘤康复网,内容丰富有趣,生活中的好帮手!
肿瘤康复网 > 控制方法 装置及电子设备与流程

控制方法 装置及电子设备与流程

时间:2021-07-17 21:56:03

相关推荐

本申请实施例涉及计算机应用技术领域,尤其涉及一种控制方法、装置及电子设备。

背景技术:

悬浮按钮(英文:floatingactionbutton,简称:fab)是移动终端中最常见的一种界面操作控件,其通常代表一个应用app(application,app)或者一个页面中最主要的功能操作,通过悬浮按钮可以实现该功能操作的快捷导航。

悬浮按钮跟随页面输出并独立于页面显示,为了不影响页面正常使用,通常面积设计的较小,因此用户往往不易发现页面中的悬浮按钮,而不会经常使用悬浮按钮,导致悬浮按钮的利用率较低。

技术实现要素:

本申请实施例提供一种控制方法、装置及电子设备,用以解决现有技术中悬浮按钮利用率较低的技术问题。

第一方面,本申请实施例中提供了一种控制方法,包括:

基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

检测针对所述目标页面的第一交互操作;

判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

第二方面,本申请实施例中提供了一种控制装置,包括:

第一显示模块,用于基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

第一检测模块,用于检测针对所述目标页面的第一交互操作;

第一判断模块,用于判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

第一切换模块,用于响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

第三方面,本申请实施例中提供了一种信息显示装置,提供一显示界面,用以基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

所述显示界面还用于如果针对所述目标页面的第一交互操作满足所述悬浮按钮的使用触发条件,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

第四方面,本申请实施例中提供了一种电子设备,包括存储组件、显示组件以及处理组件;所述存储组件存储一条或多条计算机程序指令;所述一条或多条计算机程序指令以供所述处理组件调用并执行;

所述处理组件用于:

通过所述显示组件提供一显示界面;

基于页面输出请求,在所述显示界面中显示目标页面及处于第一显示状态的悬浮按钮;

检测针对所述目标页面的第一交互操作;

判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第一交互操作满足所述使用触发条件的判断结果,在所述显示界面中将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

本申请实施例中,基于页面输出请求,显示目标页面以及处于第一显示状态的悬浮按钮,通过检测针对目标页面的第一交互操作,判断该第一交互操作是否满足该悬浮按钮的使用触发条件,如果是,即可以切换悬浮按钮至第二显示状态,通过悬浮按钮显示状态的变换,实现提醒用户悬浮按钮的目的,从而可以提高用户使用悬浮按钮的机率,提高悬浮按钮的利用率。

本申请的这些方面或其他方面在以下实施例的描述中会更加简明易懂。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1示出了本申请提供的一种控制方法一个实施例的流程图;

图2示出了本申请提供的一种控制方法又一个实施例的流程图;

图3a~图3c分别示出了本申请实施例在一个实际应用中的界面显示示意图;

图4a~图4f分别示出了了本申请实施例在一个实际应用中的界面显示示意图;

图5示出了本申请提供的一种控制装置一个实施例的结构示意图;

图6示出了本申请提供的一种电子设备一个实施例的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。

在本申请的说明书和权利要求书及上述附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些操作可以不按照其在本文中出现的顺序来执行或并行执行,操作的序号如101、102等,仅仅是用于区分开各个不同的操作,序号本身不代表任何的执行顺序。另外,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。需要说明的是,本文中的“第一”、“第二”等描述,是用于区分不同的消息、设备、模块等,不代表先后顺序,也不限定“第一”和“第二”是不同的类型。

本申请实施例中的悬浮按钮(英文:floatingactionbutton,简称:fab)是一种常见的界面操作控件,通过操作悬浮按钮可以实现对电子设备的特定功能操作。电子设备的桌面应用或者其它各种应用中,均可以设置有悬浮按钮,悬浮按钮实现的特定功能操作可以是一个应用或者应用提供的一个页面中的关键操作,以实现快捷操作的目的,并可以实现对该关键操作引入更多用户流量等。

由于悬浮按钮面积较小,通常采用特定图标来引导用户其可以实现的功能操作,通常位于显示屏幕的边界,以不影响页面使用,因此用户往往会忽略悬浮按钮,使得悬浮按钮的显示失去价值且占用屏幕资源。

为了提高悬浮按钮的利用率,本申请实施例中提供的悬浮按钮具有多种显示状态,在跟随目标页面显示处于第一显示状态的悬浮按钮之后,通过检测针对目标页面的第一交互操作,判断该第一交互操作是否满足该悬浮按钮的使用触发条件,如果是,即可以切换悬浮按钮至第二显示状态,通过悬浮按钮显示状态的变换,实现提醒用户悬浮按钮的目的,从而可以提高用户使用悬浮按钮的机率,提高悬浮按钮的利用率。

下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。

图1为本申请实施例提供的一种控制方法一个实施例的流程图,该方法可以包括以下几个步骤:

101:基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮。

其中,目标页面可以是指请求输出的任一个页面,其可以是电子设备中的目标应用输出的任一个页面或者对应有悬浮按钮的一个页面,目标应用可以是指任一个应用等。

该页面输出请求可以是用户触发的,用户在使用电子设备时,通常会存在页面切换操作,该页面输出请求即可以是响应于页面切换操作而生成。

其中,可以是在显示屏幕中显示目标页面及且处于第一显示状态的悬浮按钮等。

该悬浮按钮可以具体是该目标页面对应的,用以实现该目标页面中的关键操作的一个悬浮按钮,或者是该目标应用对应的,用以实现该目标应用的关键操作的一个悬浮按钮。如果该悬浮按钮与目标应用对应,则可以在目标应用的任意页面中,均可以显示该悬浮按钮;如果该悬浮按钮与目标页面对应,则仅在显示该目标页面时显示该悬浮按钮。

本申请实施例中,悬浮按钮可以具有多种显示状态,接收到页面输出请求时,显示目标页面的同时,可以显示处于第一显示状态的悬浮按钮。

102:检测针对所述目标页面的第一交互操作。

103:判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件,如果是,执行步骤104,如果否则可以返回步骤102继续执行,当然也可以结束流程。

104:将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

也即,响应所述第一交互操作满足所述使用触发条件的判断结果,则可以将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

其中,第一显示状态与第二显示状态不同。

本申请实施例中,对针对目标页面的第一交互操作进行检测,以判断其是否满足该悬浮按钮的使用触发条件。

如果针对目标页面的第一交互操作满足使用触发条件,则表明针对目标页面或者目标应用的后续操作可能会使用悬浮按钮等,此时即可以切换悬浮按钮的显示状态,通过显示状态的动态变换,实现提示用户关注悬浮按钮的目的,以提高悬浮按钮的使用机率,提高悬浮按钮的利用率。

作为一种可选方式,所述判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件可以包括:

判断所述第一交互操作是否为针对所述目标页面的首次操作。

也即可以是在对目标页面执行首次操作时,通过显示状态的切换,以提示用户所述悬浮按钮。针对目标页面的首次操作表明用户开始使用或者操作目标页面,此时通过悬浮按钮显示状态的切换,可以提醒用户关注该悬浮按钮,以决定是否使用该悬浮按钮以实现快捷操作等。

该使用触发条件也即为针对目标页面的交互操作为针对目标页面的首次操作。

作为另一种可选方式,所述判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件可以包括:

判断所述第一交互操作的操作类型是否为预定类型。

该使用触发条件也即为针对目标页面的交互操作的操作类型为预定类型。

其中,针对目标页面的交互操作可以通过针对显示屏幕的触控操作实现。

其中,交互操作的操作类型例如可以包括内容切换操作、内容选择操作、页面放大或者缩小操作等等。

由于目标页面的页面内容可能无法在一个显示屏幕中完全展现,因此可以通过内容切换操作来切换页面内容。该内容切换操作可以通过针对目标页面执行拖动或者点击等触控操作等实现,例如向上拖动目标页面或者点击翻页页码等,均可以加载未显示内容在显示屏幕中进行显示。

内容选择操作可以通过执行点击或者滑动等触控操作以选中页面内容等实现。

页面放大或者缩小操作可以通过双击等触控操作实现等。

在一个实际应用中,该预定类型可以是指内容切换操作,也即,在某些实施例中,所述判断所述第一交互操作的操作类型是否为预定类型可以包括:

判断所述第一交互操作是否为针对所述目标页面的内容切换操作。

也即,如果显示目标页面之后,检测到针对目标页面执行内容切换操作时,此时即可以切换悬浮按钮至第二显示状态,以提示用户所述悬浮按钮。

作为又一种可选方式,所述判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件可以包括:

判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为预定类型。

也即第一交互操为针对目标页面执行的第一次预定类型的交互操作时,再将悬浮按钮切换至第二显示状态,以提示用户所述悬浮按钮。

该使用触发条件也即为针对目标页面的交互操作为针对目标页面的首次操作且操作类型为预定类型。

在一个实际应用中,该预定类型可以是指内容切换操作,也即,在某些实施例中,所述判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为预定类型包括:

判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为内容切换操作。

作为又一种可选方式,所述判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件可以包括:

判断所述第一交互操作的操作内容是否与所述悬浮按钮的功能操作相关联。

也即根据第一交互操作的操作内容来确定针对目标页面或目标应用的后续操作是否会执行悬浮按钮对应的功能操作,若是,则可以通过切换悬浮按钮的显示状态,以提示用户使用所述悬浮按钮等。

该使用触发条件也即可以具体是指针对目标页面的交互操作为针对目标页面中与所述悬浮按钮的功能操作相关联的页面内容执行。

其中,该第一交互操作的操作内容可以是指该第一交互操作的操作位置所对应的页面内容等。

由于第一交互操作可以通过对显示屏幕执行点击、拖动、滑动或者双击等触控操作实现。对于点击、拖动、或者双击等触控操作,该第一交互操作的操作位置可以是指触控操作的触控位置,对于滑动操作可以是指触控操作的结束位置等。

此外,在某些实施例中,所述将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还可以包括:

在所述悬浮按钮处于所述第二显示状态经过第一预定时长之后,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

也即悬浮按钮在第二显示状态保持第一预定时长之后,即可以切换回第一显示状态。

在某些实施例中,所述将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还可以包括:

如果所述第一交互操作执行结束,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

也即仅在第一交互操作执行期间,将所述悬浮按钮保持在第二显示状态,如果第一交互操作执行结束,即可以切换回第一显示状态。

图2为本申请实施例提供的一种控制方法又一个实施例的流程图,该方法可以包括以下几个步骤:

201:基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮。

202:检测针对所述目标页面的第一交互操作。

203:判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件,如果是,执行步骤204,如果否则可以返回步骤202继续执行,当然也可以结束流程。

204:将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

步骤201~步骤204的操作可以参见图1所示实施例中步骤101~步骤104中所述,在此不再赘述。

205:检测针对所述目标页面的第二交互操作。

206:判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件,如果是,执行步骤207,如果否则可以返回步骤205继续执行,当然也可以结束流程。

207:将所述悬浮按钮从所述第二显示状态切换至第三显示状态。

也即响应所述第二交互操作满足隐藏触发条件的判断结果,则可以将所述悬浮按钮从所述第二显示状态切换至第三显示状态。

其中,第三显示状态可以与第二显示状态不同。该第三显示状态相较于第一显示状态以及第二显示状态,可以为面积最小的显示状态,或者为隐藏状态例如透明显示状态等显示效果较差,使得查看目标页面时可以忽略该悬浮按钮的一种显示状态,以不影响目标页面的正常使用或者显示等。

因此,可选地,第二显示状态的显示效果高于第一显示状态,第一显示状态的显示效果高于第三显示状态,其中,显示效果越高,悬浮按钮越醒目,越容易被用户关注。

也即,本实施例中,接收到页面输出请求,显示目标页面的同时可以首先显示处于第一显示状态的悬浮按钮,之后检测针对目标页面的第一交互操作,如果第一交互操作满足使用触发条件,则将悬浮按钮从第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮,之后可以继续针对目标页面的第二交互操作,如果第二交互操作满足隐藏触发条件,则可以将悬浮按钮从第二显示状态切换至第三显示状态,以降低悬浮按钮的显示效果,使得可以不影响目标页面的正常使用。

此外,在某些实施例中,将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还可以包括:

在所述悬浮按钮处于所述第二显示状态经过第一预定时长之后,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

在某些实施例中,所述将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还可以包括:

如果所述第一交互操作执行结束,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

因此,作为又一个实施例,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态之后,所述方法还可以包括:

检测针对所述目标页面的第四交互操作;

判断所述第四交互操作是否满足所述悬浮按钮的隐藏触发条件;

响应所述第四交互操作满足隐藏触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第三显示状态。

需要说明的是,本申请实施例中的“第一交互操作”、“第二交互操作”、“第三交互操作”以及“第四交互操作”中的“第一”、“第二”、“第三”以及“第四”仅是为了区别不同时刻或者不同情况下检测的交互操作,其均为针对目标页面的交互操作。

可选地,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态之后,所述方法还可以包括:

在所述悬浮按钮处于所述第一显示状态经过第二预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态。

可选地,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态之后,所述方法还可以包括:

在所述悬浮按钮处于所述第一显示状态经过第三预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第二显示状态切换至所述第三显示状态。

其中,作为一种可选方式,所述判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件可以包括:

判断所述第二交互操作是否为针对所述目标页面的第二次操作且操作类型与针对所述目标页面的首次操作的操作类型相同。

该隐藏触发条件也即是指针对目标页面的交互操作为针对目标页面的第二次操作且操作类型与针对所述目标页面的首次操作的操作类型相同。

此时,判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件可以是:

判断第一交互操作是否为针对所述目标页面的首次操作;

或者,

判断第一交互操作是否为针对目标页面的首次操作且操作类型为预定类型。

其中,该预定类型可以为内容切换操作,从而在对目标页面执行第一次内容切换操作时,可以切换悬浮按钮至第二显示状态以提示用户所述悬浮按钮,而如果用户继续对目标页面执行第二次的内容切换操作,即表明用户并未在意该悬浮按钮,因此不会操作悬浮按钮,而可能会继续对目标页面执行交互操作,此时即可以切换悬浮按钮至第三显示状态,以降低悬浮按钮的显示效果,不影响目标页面的正常使用或显示等。

作为另一种可选方式,所述判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件可以包括:

判断所述第二交互操作的操作内容是否未与所述悬浮按钮的功能操作相关联。

也即如果第二交互操作的操作内容与所述悬浮按钮的功能操作不相关,表明后续业务操作与悬浮按钮不相关,此时即无需继续提示用户,即可以将悬浮按钮切换至第三显示状态。

在某些实施例中,在悬浮按钮处于第一显示状态的情况下,所述方法还可以包括:

在所述悬浮按钮处于所述第一显示状态经过第二预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态。

也即如果悬浮按钮保持第一显示状态第二预定时长之后,如果不存在针对悬浮按钮的触发操作,此时即可以将悬浮按钮从第一显示状态切换至第三显示状态。

其中,可选地,可以在所述悬浮按钮处于所述第一显示状态经过第二预定时长之后,如果未检测到针对所述目标页面的第一交互操作,且未检测到针对所述悬浮按钮的触发操作,则将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态。

此外,在某些实施例中,在所述悬浮按钮处于第三显示状态的情况下,所述方法还可以包括:

检测针对所述目标页面的第三交互操作;

判断所述第三交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第三交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第三显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

该使用触发条件可以参见上述实施例中所述,在此不再赘述。

可选地,可以是在所述悬浮按钮保持第三显示状态第四预定时长之后,再检测针对所述目标页面的第三交互操作,以判断该第三交互操作是否满足使用触发条件。

此外,作为又一个实施例,在所述悬浮按钮处于第二显示状态的情况下,所述方法还可以包括:

在所述悬浮按钮处于所述第二显示状态经过第三预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第二显示状态切换至所述第三显示状态。

也即如果悬浮按钮处于第二显示状态保持第二预定时长之后,如果仍未存在对悬浮按钮的触发操作,则表明对悬浮按键的使用可能性不大,因此,即可以将悬浮按钮切换至第三显示状态,以降低悬浮按钮的显示效果等。

在某些实施例中,在悬浮按钮处于第三显示状态的情况下,所述方法还可以包括:

在所述悬浮按钮处于第三显示状态经过第五预定时长之后,将所述悬浮按钮从所述第三显示状态切换至第二显示状态。如果悬浮按钮处于所述第二显示状态经过第三预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,则可以再将所述悬浮按钮从所述第二显示状态切换至所述第三显示状态。从而实现了每间隔一定时间,将悬浮按钮切换至第二显示状态,以提示用户所述悬浮按钮的目的。

此外,在基于页面输出请求,切换显示目标页面时,悬浮按钮也可以进行显示状态的切换,以在切换至目标页面时同时实现向用户提示悬浮按钮的目的。因此在某些实施例中,所述基于页面输出请求,显示目标页面及且处于第一显示状态的悬浮按钮可以包括:

接收页面输出请求;

显示目标页面以及处于第三显示状态的悬浮按钮;

将所述悬浮按钮从所述第三显示状态切换至第一显示状态。

也即在目标页面的输出时刻,首先显示处于第三显示状态的悬浮按钮,之后即将悬浮按钮从第三显示状态切换至第一显示状态,呈现页面输出时,悬浮按钮显示状态的动态变换,由于第一显示状态的显示效果高于第三显示状态,因此可以实现在页面输出时即提醒用户该悬浮按钮。

可选地,可以响应于所述悬浮按钮的第三显示状态的显示操作,将所述悬浮按钮从所述第三显示状态切换至第一显示状态。也即可以在显示处于第三显示状态的悬浮按钮之后,即可以立即将悬浮按钮切换至第一显示状态。

在上述一个或多个实施例中,悬浮按钮的不同显示状态,可以是指颜色不同、形状不同、亮度不同、显示位置不同和/或图标不同等。也即处于第一显示状态、处于第二显示状态以及处于第三显示状态的悬浮按钮可以颜色不同、形状不同、亮度不同、显示位置不同和/或图标不同等。

比如,由于现有的悬浮按钮通常都是采用图标来实现提示用户悬浮按钮的功能操作的目的,但是图标不容易理解,因此,处于第一显示状态的悬浮按钮可以为显示文字提示信息的控件,该文字提示信息以文字形式提示用户该悬浮按钮可以实现的功能操作等。

而为了增加显示效果,可选地,处于第二显示状态的悬浮按钮可以是指其控件显示位置在一定范围内动态变换,通过动态形式实现进一步提示用户该悬浮按钮的目的。

为了不影响目标页面,处于第三显示状态的悬浮按钮可以为显示图标的控件,以降低占用的屏幕面积。

又如,处于第二显示状态的悬浮按钮可以为显示文字提示信息控件,处于第一显示状态的悬浮按钮可以为显示图标的控件,处于第三显示状态的悬浮按钮可以是尺寸小于处于第一显示状态的悬浮按钮的控件,也可以是处于隐藏状态的显示图标的控件等等。

又如,在一个实际应用中,处于第三显示状态的所述悬浮按钮可以包括显示第一图标的第一控件;

处于第一显示状态的所述悬浮按钮可以包括显示所述第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件;

处于第二显示状态的所述悬浮按钮可以包括显示第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件,且所述第三控件在预定范围内动态变换显示位置。当然也可以第一控件、第二控件以及第三控件均动态变换显示位置,呈现动态效果。

为了方便理解,如图3a~图3b分别示出了处于不同显示状态的三种悬浮按钮的显示状态示意图。

图3a为处于第一显示状态的悬浮按钮的界面显示示意图,可知,该显示界面中包括目标页面301以及处于第一显示状态的悬浮按钮,该处于第一显示状态的悬浮按钮可以包括显示第一图标的第一控件30、显示文字提示信息的第二控件31以及显示第二图标的第三控件32。

如果针对目标页面301的第一交互操作满足使用触发条件,例如该第一交互操作为向上拖动目标页面301实现的内容切换操作时,则悬浮按钮切换至第二显示状态,如图3b所示,图3b中处于第二显示状态的所述悬浮按钮可以包括显示第一图标的第一控件30、显示文字提示信息的第二控件31及显示第二图标的第三控件32,且所述第三控件32在预定范围内动态变换显示位置,由于示意图无法示出了动态效果,图3b中仅示例性绘制了第三控件32可以变换显示位置,如实现上下跳动的动态效果。

悬浮按钮处于第二显示状态之后,可以继续检测针对目标页面301的第二交互操作,如果第二交互操作满足隐藏触发条件,例如对目标页面执行第二次的内容切换操作,也即继续向上拖动目标页面301,则可以切换悬浮按钮至第三显示状态,如图3c所示,处于第三显示状态的悬浮按钮可以包括显示第一图标的第一控件30,可知处于第三显示状态悬浮按钮占用面积最小,以不影响目标页面的正常使用。

其中,悬浮按钮在第一交互操作执行过程中,可以保持图3b所示的第二显示状态,如果第一交互操作执行结束,则可以切换回第一显示状态,从而图3c中,悬浮按钮可以是从第一显示状态切换至该第三显示状态。

其中,从第一显示状态切换至第三显示状态可以动态执行,例如从第三控件所在一端开始向第一控件所在另一端缩进,直至切换至第三显示状态,仅包括该第一控件。可选地,可以是在第二交互操作执行过程中,从第三控件所在一端开始向第一控件所在另一端缩进,直至切换至第三显示状态,仅包括该第一控件。

在一个实际应用中,假设目标页面为目标应用输出的一个页面,该目标应用可以提供内容发布功能,该目标页面可以为目标应用中展示不同用户的发布内容的显示页面。因此,跟随目标页面输出的悬浮按钮可以实现内容发布功能,通过点击悬浮按钮可以快速进入内容发布页面,用户即可以在内容发布页面输入待发布内容,提交之后即可以在目标页面中进行展示等。

如图4a为基于页面输出请求,显示目标页面401的界面显示示意图,目标页面401输出的同时,可以同时显示处于第三显示状态的悬浮按钮,如图4a可知,该悬浮按钮包括显示第一图标的第一控件40。

悬浮按钮处于第三显示状态之后,即可以立即切换至第一显示状态,如图4b所示,处于第一显示状态的悬浮按钮由显示第一图标的第一控件40、显示文字提示信息的第二控件41及显示第二图标的第三控件42构成。

其中,从第三显示状态切换至第一显示状态,可以从第一控件40一端开始,依次输出第二控件41以及第三控件42,从而呈现动态变化过程。

如果检测到针对目标页面的首次内容切换操作,例如如图4c中,向上拖动目标页面,此时,即可以将悬浮按钮切换至第二显示状态,以提示用户使用该悬浮按钮,处于第二显示状态的悬浮按钮由显示第一图标的第一控件40、显示文字提示信息的第二控件41及显示第二图标的第三控件42构成,且第三控件42动态变化位置,如图4c中可以沿目标页面的显示方向上下移动。

其中,如果该首次内容切换操作结束,则悬浮按钮可以再切换至第一显示状态,如图4d中所示。

如果未检测到针对悬浮按钮的触发操作,且检测到针对目标页面执行第二次的内容切换操作时,表明用户可能并不想使用该悬浮按钮,此时为了不影响目标页面的正常使用以及显示等,则可以将悬浮按钮切换至第三显示状态,如图4e中所示,处于第三显示状态悬浮按钮仅包括第一控件40,以减少占用面积等。其中,从第一显示状态切换至第三显示状态过程中,可以从第三控件42所在一端开始向第一控件40所在另一端进行缩进,直至切换至第三显示状态,仅包括该第一控件,实现动态切换效果,如图4f中所示,悬浮按钮即逐渐向第一控件40所在端缩进,第二控件41以及第三控件42逐步消失,直至呈现图4e所示的第三显示状态。

图5为本申请实施例提供的一种控制装置一个实施例的结构示意图,该装置可以包括:

第一显示模块501,用于基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

第一检测模块502,用于检测针对所述目标页面的第一交互操作;

第一判断模块503,用于判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

第一切换模块504,用于响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

在某些实施例中,该装置还可以包括:

第二检测模块,用于检测针对所述目标页面的第二交互操作;

第二判断模块,用于判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件;

第二切换模块,用于响应所述第二交互操作满足隐藏触发条件的判断结果,将所述悬浮按钮从所述第二显示状态切换至第三显示状态。

作为一种可选方式,所述第一判断模块可以具体用于判断所述第一交互操作是否为针对所述目标页面的首次操作。

作为另一种可选方式,所述第一判断模块可以具体用于判断所述第一交互操作的操作内容是否与所述悬浮按钮的功能操作相关联。

作为又一种可选方式,所述第一判断模块可以具体用于判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为预定类型。

可选地,该操作类型可以为内容切换操作,因此所述第一判断模块可以具体是判断所述第一交互操作是否为针对所述目标页面的首次内容切换操作。

在某些实施例中,所述第二判断模块可以具体用于判断所述第二交互操作是否为针对所述目标页面的第二次操作且操作类型与针对所述目标页面的首次操作的操作类型相同。

在某些实施例中,该装置还可以包括:

第三切换模块,用于在所述悬浮按钮处于所述第二显示状态经过第一预定时长之后,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

在某些实施例中,该装置还可以包括:

第四切换模块,用于如果所述第一交互操作执行结束,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

在某些实施例中,该装置还可以包括:

第五切换模块,用于在所述悬浮按钮处于所述第一显示状态经过第二预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态。

在某些实施例中,该装置还可以包括:

第三检测模块,用于述将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态之后,检测针对所述目标页面的第三交互操作;

第三判断模块,用于判断所述第三交互操作是否满足所述悬浮按钮的使用触发条件;

第六切换模块,用于响应所述第三交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第三显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

在某些实施例中,该装置还可以包括:

第四检测模块,用于将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态之后,检测针对所述目标页面的第四交互操作;

第四判断模块,用于判断所述第四交互操作是否满足所述悬浮按钮的隐藏触发条件;

第七切换模块,用于响应所述第四交互操作满足隐藏触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第三显示状态。

在某些实施例中,该装置还可以包括:

第八切换模块,用于在所述悬浮按钮处于所述第二显示状态经过第三预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第二显示状态切换至所述第三显示状态。

在某些实施例中,该第一显示模块可以包括:

请求接收单元,用于接收页面输出请求;

显示单元,用于显示目标页面以及处于第三显示状态的悬浮按钮;

切换单元,用于将所述悬浮按钮从所述第三显示状态切换至第一显示状态。

其中,在上述一个或多个实施例中,处于第三显示状态的所述悬浮按钮包括显示第一图标的第一控件;

处于第一显示状态的所述悬浮按钮包括显示所述第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件;

处于第二显示状态的所述悬浮按钮包括显示第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件,且所述第三控件在预定范围内动态变换显示位置。

图5所述的控制装置可以执行图1或图2所示实施例所述的控制方法,其实现原理和技术效果不再赘述。对于上述实施例中的控制装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。

此外,本申请实施例还提供了一种信息显示装置,其提供一显示界面,用以基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

所述显示界面还用于如果针对所述目标页面的第一交互操作满足所述悬浮按钮的使用触发条件,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

此外,本申请实施例还提供了一种电子设备,如图6所示,该电子设备可以包括存储组件601、显示组件602以及处理组件603;所述存储组件601存储一条或多条计算机程序指令;所述一条或多条计算机程序指令以供所述处理组件603调用并执行;

所述处理组件603用于:

通过所述显示组件602提供一显示界面;

基于页面输出请求,在所述显示界面中显示目标页面及处于第一显示状态的悬浮按钮;

检测针对所述目标页面的第一交互操作;

判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第一交互操作满足所述使用触发条件的判断结果,在所述显示界面中将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

其中,处理组件603可以包括一个或多个处理器来执行计算机指令,以完成上述的方法中的全部或部分步骤。当然处理组件也可以为一个或多个应用专用集成电路(asic)、数字信号处理器(dsp)、数字信号处理设备(dspd)、可编程逻辑器件(pld)、现场可编程门阵列(fpga)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。

存储组601被配置为存储各种类型的数据以支持在电子设备的操作。存储组件可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(sram),电可擦除可编程只读存储器(eeprom),可擦除可编程只读存储器(eprom),可编程只读存储器(prom),只读存储器(rom),磁存储器,快闪存储器,磁盘或光盘。

显示组件602可以为电致发光(el)元件、液晶显示器或具有类似结构的微型显示器、或者视网膜可直接显示或类似的激光扫描式显示器。

当然,电子设备必然还可以包括其他部件,例如输入/输出接口、通信组件等。输入/输出接口为处理组件和外围接口模块之间提供接口,上述外围接口模块可以是输出设备、输入设备等。通信组件被配置为便于电子设备和其他设备之间有线或无线方式的通信等。

此外,本申请实施例还提供了一种计算机可读存储介质,存储有计算机程序,所述计算机程序被计算机执行时可以实现上述图1或图2所示实施例的控制方法。

所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。

以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如rom/ram、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

技术特征:

1.一种控制方法,其特征在于,包括:

基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

检测针对所述目标页面的第一交互操作;

判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

2.根据权利要求1所述的方法,其特征在于,所述将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还包括:

检测针对所述目标页面的第二交互操作;

判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件;

响应所述第二交互操作满足隐藏触发条件的判断结果,将所述悬浮按钮从所述第二显示状态切换至第三显示状态。

3.根据权利要求1所述的方法,其特征在于,所述判断第一交互操作是否满足所述悬浮按钮的使用触发条件包括以下所列中的一种:

判断所述第一交互操作是否为针对所述目标页面的首次操作;

判断所述第一交互操作的操作内容是否与所述悬浮按钮的功能操作相关联;

判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为预定类型;

或者,

判断所述第一交互操作是否为针对所述目标页面的首次操作且操作类型为内容切换操作。

4.根据权利要求2所述的方法,其特征在于,所述判断所述第二交互操作是否满足所述悬浮按钮的隐藏触发条件包括:

判断所述第二交互操作是否为针对所述目标页面的第二次操作且操作类型与针对所述目标页面的首次操作的操作类型相同。

5.根据权利要求1所述的方法,其特征在于,所述将所述悬浮按钮从所述第一显示状态切换至第二显示状态之后,所述方法还包括:

在所述悬浮按钮处于所述第二显示状态经过第一预定时长之后,或者如果所述第一交互操作执行结束,将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态。

6.根据权利要求5所述的方法,其特征在于,所述将所述悬浮按钮从所述第二显示状态切换至所述第一显示状态之后,所述方法还包括:

检测针对所述目标页面的第四交互操作;

判断所述第四交互操作是否满足所述悬浮按钮的隐藏触发条件;

响应所述第四交互操作满足隐藏触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第三显示状态。

7.根据权利要求1所述的方法,其特征在于,还包括:

在所述悬浮按钮处于所述第一显示状态经过第二预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第一显示状态切换至第三显示状态。

8.根据权利要求7所述的方法,其特征在于,所述将所述悬浮按钮从所述第一显示状态切换至所述第三显示状态之后,所述方法还包括:

检测针对所述目标页面的第三交互操作;

判断所述第三交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第三交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第三显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

9.根据权利要求1所述的方法,其特征在于,还包括:

在所述悬浮按钮处于所述第二显示状态经过第三预定时长之后,如果未检测到针对所述悬浮按钮的触发操作,将所述悬浮按钮从所述第二显示状态切换至第三显示状态。

10.根据权利要求1所述的方法,其特征在于,所述基于页面输出请求,显示目标页面及且处于第一显示状态的悬浮按钮包括:

接收页面输出请求;

显示目标页面以及处于第三显示状态的悬浮按钮;

将所述悬浮按钮从所述第三显示状态切换至第一显示状态。

11.根据权利要求2所述的方法,其特征在于,处于第三显示状态的所述悬浮按钮包括显示第一图标的第一控件;

处于第一显示状态的所述悬浮按钮包括显示所述第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件;

处于第二显示状态的所述悬浮按钮包括显示第一图标的第一控件、显示文字提示信息的第二控件及显示第二图标的第三控件,且所述第三控件在预定范围内动态变换显示位置。

12.一种控制装置,其特征在于,包括:

第一显示模块,用于基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

第一检测模块,用于检测针对所述目标页面的第一交互操作;

第一判断模块,用于判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

第一切换模块,用于响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

13.一种信息显示装置,其特征在于,提供一显示界面,用以基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;

所述显示界面还用于如果针对所述目标页面的第一交互操作满足所述悬浮按钮的使用触发条件,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

14.一种电子设备,其特征在于,包括存储组件、显示组件以及处理组件;所述存储组件存储一条或多条计算机程序指令;所述一条或多条计算机程序指令以供所述处理组件调用并执行;

所述处理组件用于:

通过所述显示组件提供一显示界面;

基于页面输出请求,在所述显示界面中显示目标页面及处于第一显示状态的悬浮按钮;

检测针对所述目标页面的第一交互操作;

判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;

响应所述第一交互操作满足所述使用触发条件的判断结果,在所述显示界面中将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。

技术总结

本申请实施例提供一种控制方法、装置及电子设备。其中,基于页面输出请求,显示目标页面及处于第一显示状态的悬浮按钮;检测针对所述目标页面的第一交互操作;判断所述第一交互操作是否满足所述悬浮按钮的使用触发条件;响应所述第一交互操作满足所述使用触发条件的判断结果,将所述悬浮按钮从所述第一显示状态切换至第二显示状态,以提示用户所述悬浮按钮。本申请实施例提供的技术方案实现了提醒用户悬浮按钮的目的,提高了用户使用悬浮按钮的机率,从而提高了悬浮按钮的利用率。

技术研发人员:陆南楠

受保护的技术使用者:阿里巴巴集团控股有限公司

技术研发日:.08.07

技术公布日:.02.21

如果觉得《控制方法 装置及电子设备与流程》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。