浮层解散的交互方法、系统、设备和存储介质与流程

本发明涉及互联网技术领域，具体地说，涉及一种浮层解散的交互方法、系统、设备和存储介质。

背景技术：

目前浮层的解散方式基本都是采用点击浮层区域外的黑色蒙层或者点击浮层上方“x”的方式来解散浮层。这种方式需要用户两手配合完成操作，费力度高。用户很难单手持电子设备完成浮层的解散操作。这给使用带来了不便。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本发明的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现要素：

针对现有技术中的问题，本发明提供一种浮层解散的交互方法、系统、设备和存储介质，解决现有技术中解散浮层需要双手配合，且操作费力的问题。

根据本发明的一个方面，提供一种浮层解散的交互方法，应用于具有触控显示屏的移动终端，所述交互方法包括：获取触控显示屏上显示浮层的浮层区，所述浮层区占所述触控显示屏的全部显示区域或部分显示区域；基于所述浮层区，获取第一区域和第二区域，所述第一区域为包含所述浮层区左侧边和右侧边的两条状区域，所述第二区域为包含所述浮层区底边的条状区域；监测所述浮层区上的触控操作；当所述浮层区上的触控操作从所述第一区域向所述第二区域持续移动，且所述持续移动沿竖直方向的移动长度大于所述浮层隐藏于所述浮层区顶端的剩余长度，解散所述浮层，在所述触控显示屏上显示所述浮层打开前的页面。

优选地，上述的交互方法中，判定所述浮层区上的触控操作从所述第一区域向所述第二区域持续移动的步骤包括：获取所述浮层区上的触控操作的起始点，判断所述起始点是否与所述第一区域重叠；当所述起始点与所述第一区域重叠，继续跟踪所述触控操作；随所述触控操作在所述浮层区移动，获取所述触控操作的结束点；判断所述结束点是否与所述第二区域重叠；当所述结束点与所述第二区域重叠，判定所述触控操作从所述第一区域向所述第二区域持续移动。

优选地，上述的交互方法中，当所述起始点与所述第一区域的接触面积大于预设值，则判定所述起始点与所述第一区域重叠；当所述结束点与所述第二区域的接触面积大于预设值，则判定所述结束点与所述第二区域重叠。

优选地，上述的交互方法还包括：当所述触控操作在竖直方向上的移动长度小于等于所述剩余长度，随所述触控操作在所述浮层区移动，下拉所述浮层。

优选地，上述的交互方法中，所述获取触控显示屏上显示浮层的浮层区的步骤包括：获取触控显示屏上显示浮层的边缘像素点，根据各边缘像素点获取所述浮层区。

优选地，上述的交互方法中，所述持续移动包括从所述第一区域向所述第二区域的曲线移动和直线移动。

优选地，上述的交互方法中，各所述第一区域沿水平方向的宽度与所述浮层区沿水平方向的宽度之比不超过预设值，所述第二区域沿竖直方向的宽度与所述浮层区沿竖直方向的宽度之比不超过预设值。

优选地，上述的交互方法中，所述第一区域与所述第二区域接触且不重叠。

根据本发明的另一个方面，提供一种浮层解散的交互系统，应用于具有触控显示屏的移动终端，所述交互系统包括：第一获取模块，获取触控显示屏上显示浮层的浮层区，所述浮层区占所述触控显示屏的全部显示区域或部分显示区域；第二获取模块，基于所述浮层区，获取第一区域和第二区域，所述第一区域为包含所述浮层区左侧边和右侧边的两条状区域，所述第二区域为包含所述浮层区底边的条状区域；触控检测模块，监测所述浮层区上的触控操作；浮层解散模块，当所述浮层区上的触控操作从所述第一区域向所述第二区域持续移动，且所述持续移动沿竖直方向的移动长度大于所述浮层隐藏于所述浮层区顶端的剩余长度，解散所述浮层，在所述触控显示屏上显示所述浮层打开前的页面。

优选地，上述的交互系统中，所述触控检测模块通过如下方式判定所述浮层区上的触控操作从所述第一区域向所述第二区域持续移动：获取所述浮层区上的触控操作的起始点，判断所述起始点是否与所述第一区域重叠；当所述起始点与所述第一区域重叠，继续跟踪所述触控操作；随所述触控操作在所述浮层区移动，获取所述触控操作的结束点；判断所述结束点是否与所述第二区域重叠；当所述结束点与所述第二区域重叠，判定所述触控操作从所述第一区域向所述第二区域持续移动。

根据本发明的另一个方面，提供一种电子设备，所述电子设备至少包括：处理器；存储器，用于存储可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述的浮层解散的交互方法的步骤。

根据本发明的另一个方面，提供一种计算机可读的存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的浮层解散的交互方法的步骤。

本发明与现有技术相比的有益效果在于：

本发明为用户解散浮层设定便捷的交互方式，用户单手操作，在浮层左下角或右下角滑动并满足相应条件，即可解散浮层，为用户操作提供便利，使交互体验更加切合用户场景。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出实施例中浮层解散的交互方法的步骤示意图；

图2示出实施例中判定浮层区上的触控操作从第一区域向第二区域持续移动的步骤示意图；

图3至图6示出实施例中解散浮层的交互场景图；

图7示出实施例中浮层解散的交互系统的模块示意图；

图8示出实施例中电子设备的结构示意图；

图9示出实施例中计算机可读存储介质的结构示意图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的实施方式。相反，提供这些实施方式使得本发明将全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的结构，因而将省略对它们的重复描述。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“平台”。

本发明的交互方法适用于配置有触控显示屏的移动终端，例如智能手机、平板电脑等。图1是实施例中浮层解散的交互方法的步骤示意图，参照图1所示，本实施例中浮层解散的交互方法包括：

步骤s10、获取触控显示屏上显示浮层的浮层区，浮层区可占触控显示屏的全部显示区域或部分显示区域。也即浮层区可在触控显示屏上全屏显示或部分显示。

在优选的实施方式中，可通过获取触控显示屏上显示浮层的边缘像素点，根据各边缘像素点来获取浮层区。或者更简便的，参照图3所示，在移动终端的触控显示屏1上获取浮层区的四个顶点的像素点20(图中用黑色圆点标示)的坐标，来确定浮层区2的位置。

步骤s20、基于浮层区，获取第一区域和第二区域，第一区域为包含浮层区左侧边和右侧边的两条状区域，第二区域为包含浮层区底边的条状区域。

在一个实施场景中，参照图4所示，当在触控显示屏1上确定浮层区2后，获取包含该浮层区2的左侧边的一条状区域，以及包含该浮层区2的右侧边的一条状区域，作为第一区域21。也即，第一区域21包含分别位于浮层区左右两侧的两个条状区域，这样无论用户是左手持机还是右手持机，均可方便地进行交互触控。并且，获取包含浮层区2的底边的一条状区域，作为第二区域22。

在优选的实施方式中，各第一区域21沿水平方向的宽度与浮层区2沿水平方向的宽度之比不超过预设值，例如不超过1/10；第二区域22沿竖直方向的宽度与浮层区2沿竖直方向的宽度之比不超过预设值，例如不超过1/10。这样在后续检测交互触控的时候，能更精准地监测出符合相关应用场景的交互触控，同时也更贴近实际的用户场景。

第一区域21与第二区域22可接触或不接触，优选为接触，且不重叠，以提升检测交互触控的准确性，便于快速响应用户操作。

步骤s30、监测浮层区上的触控操作；以及步骤s40、当浮层区上的触控操作从第一区域向第二区域持续移动，且持续移动沿竖直方向的移动长度大于浮层隐藏于浮层区顶端的剩余长度，解散浮层，在触控显示屏上显示浮层打开前的页面。

参照图2所示，步骤s40中判定浮层区上的触控操作从第一区域向第二区域持续移动的步骤包括：s401、获取浮层区上的触控操作的起始点，s402、判断起始点是否与第一区域重叠，s403、当起始点与第一区域重叠，继续跟踪触控操作，s404、随触控操作在浮层区移动，获取触控操作的结束点，s405、判断结束点是否与第二区域重叠，s406、当结束点与第二区域重叠，判定触控操作从第一区域向第二区域持续移动。

进一步的，判定起始点是否与第一区域重叠，结束点是否与第二区域重叠的方式为：当起始点与第一区域的接触面积大于预设值，则判定起始点与第一区域重叠；当结束点与第二区域的接触面积大于预设值，则判定结束点与第二区域重叠。所述的预设值例如为用户指面大小的1/3以上。

参照图5所示，用户用左手单手操作的场景，当需要解散浮层时，其在触控显示屏1的浮层区2上进行触控操作，留下滑动轨迹。当检测到滑动轨迹(如图中箭头所示)的起始点31与浮层区2左侧的第一区域21重叠，结束点32与浮层区2底部的第二区域22重叠，且从起始点31至结束点32持续移动，在浮层区2滑出任意曲线或直线的轨迹，则响应于该从浮层区2的第一区域21向第二区域22的持续移动，解散浮层，在触控显示屏1上显示浮层打开前的页面。右手单手操作的场景与左手单手操作的场景类似，不再重复举例。

进一步的，参照图6所示，针对浮层内容较多，在浮层区2不完全显示的场景，当判定浮层区2上的触控操作从第一区域21向第二区域22持续移动后，需判断持续移动沿竖直方向的移动长度h是否大于浮层隐藏于浮层区2顶端的剩余长度h，若持续移动沿竖直方向的移动长度h大于浮层隐藏于浮层区2顶端的剩余长度h，则解散浮层，若触控操作在竖直方向上的移动长度h小于等于剩余长度h，则随触控操作在浮层区2移动，下拉浮层。

上述的交互方法为用户解散浮层设定便捷的交互方式，用户单手操作，在浮层左下角或右下角滑动并满足相应条件，即可解散浮层。例如，用户在浏览完浮层内容后，通过拇指在浮层区最方便的区域从浮层侧边滑向底边，即可解散浮层。交互体验非常切合用户场景。

本发明实施例还提供一种浮层解散的交互系统，应用于具有触控显示屏的移动终端，参照图7所示，交互系统50包括：

第一获取模块501，获取触控显示屏上显示浮层的浮层区，浮层区占触控显示屏的全部显示区域或部分显示区域；

第二获取模块502，基于浮层区，获取第一区域和第二区域，第一区域为包含浮层区左侧边和右侧边的两条状区域，第二区域为包含浮层区底边的条状区域；

触控检测模块503，监测浮层区上的触控操作；

浮层解散模块504，当浮层区上的触控操作从第一区域向第二区域持续移动，且持续移动沿竖直方向的移动长度大于浮层隐藏于浮层区顶端的剩余长度，解散浮层，在触控显示屏上显示浮层打开前的页面。

进一步的，触控检测模块503判定浮层区上的触控操作从第一区域向第二区域持续移动的方式为：获取浮层区上的触控操作的起始点，判断起始点是否与第一区域重叠；当起始点与第一区域重叠，继续跟踪触控操作；随触控操作在浮层区移动，获取触控操作的结束点；判断结束点是否与第二区域重叠；当结束点与第二区域重叠，判定触控操作从第一区域向第二区域持续移动。

其中，各模块具体的执行步骤和原理可参照上述的方法实施例。通过本实施例的交互系统，为用户提供便捷的浮层解散交互方式，用户单手操作，在浮层左下角或右下角滑动并满足相应条件，即可解散浮层，使交互体验更加切合用户场景。

本发明实施例还提供一种电子设备，包括处理器和存储器，存储器中存储有可执行指令，处理器被配置为经由执行可执行指令来执行上述实施例中的浮层解散的交互方法的步骤。

如上所述，本发明的电子设备能够为用户提供便捷的浮层解散交互方式，用户单手操作，在浮层左下角或右下角滑动并满足相应条件，即可解散浮层，使交互体验更加切合用户场景。

图8是本发明实施例中电子设备的结构示意图，应当理解的是，图8仅仅是示意性地示出各个模块，这些模块可以是虚拟的软件模块或实际的硬件模块，这些模块的合并、拆分及其余模块的增加都在本发明的保护范围之内。

下面参照图8来描述根据本发明的这种实施方式的电子设备600。图8显示的电子设备600仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图8所示，电子设备600以通用计算设备的形式表现。电子设备600的组件可以包括但不限于：至少一个处理单元610、至少一个存储单元620、连接不同平台组件(包括存储单元620和处理单元610)的总线630、显示单元640等。

其中，存储单元存储有程序代码，程序代码可以被处理单元610执行，使得处理单元610执行本说明书上述浮层解散的交互方法部分中描述的根据本发明各种示例性实施方式的步骤。例如，处理单元610可以执行如图1中所示的步骤。

存储单元620可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(ram)6201和/或高速缓存存储单元6202，还可以进一步包括只读存储单元(rom)6203。

存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204，这样的程序模块6205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线630可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备600交互的设备通信，和/或与使得该电子设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口650进行。并且，电子设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。网络适配器660可以通过总线630与电子设备600的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备600使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储平台等。

本发明实施例还提供一种计算机可读存储介质，用于存储程序，程序被执行时实现上述实施例的浮层解散的交互方法的步骤。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在终端设备上运行时，程序代码用于使终端设备执行本说明书上述浮层解散的交互方法部分中描述的根据本发明各种示例性实施方式的步骤。

如上所述，本发明的计算机可读存储介质能够为用户提供便捷的浮层解散交互方式，用户单手操作，在浮层左下角或右下角滑动并满足相应条件，即可解散浮层，使交互体验更加切合用户场景。

图9是本发明的计算机可读存储介质的结构示意图。参考图9所示，描述了根据本发明的实施方式的用于实现上述方法的程序产品800，其可以采用便携式紧凑盘只读存储器(cd-rom)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，程序设计语言包括面向对象的程序设计语言—诸如java、c++等，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(lan)或广域网(wan)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。