CN104020975B - 基于页面排列区域与展示区域变化的方法和系统 - Google Patents

Abstract

本申请公开了一种基于页面排列区域与展示区域变化的方法和系统，应用于具有显示屏的设备中，方法：预设显示屏中的展示区域以及页面排列区域的最大展示值和最小展示值；当监测到显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；当滑动操作的方向靠近展示区域移动时，展示区域的显示值为其当前展示值减去移动距离值直至其当前显示值达到该展示区域的最小展示值为止，且页面排列区域的显示值为其当前显示值加上移动距离值直至其显示值达到该页面排列区域的最大展示值为止；以解决在终端屏幕固定的情况下，能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。

Description

基于页面排列区域与展示区域变化的方法和系统

技术领域

本申请涉及界面布局显示领域，更具体地，涉及一种基于页面排列区域与展示区域变化的方法和系统。

背景技术

随着互联网技术的快速发展，人们获取信息的方式已经发生改变：从传统的书籍、报纸、电视、广播等方式，继而变成通过互联网获取。尤其是互联网将影视节目、新闻、广告、聊天视频、游戏视频和监控视频等等丰富的综合性网络视频资源进行共享，从而网络视频已经成为人们学习、社交以及休闲娱乐而不可替代的重要方式。

目前的显示屏由于需要显示的内容包括给客户的使用时候的提示信息，信息量越来越多。而且往往用户在页面排列区域中执行检索或浏览具体内容操作时，往往受到其他区域内容的干扰，造成观看不适，严重影响用户的浏览体验。如何在现有的显示屏范围内，既能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小，便成为亟待解决的技术问题。

发明内容

有鉴于此，本申请所要解决的技术问题是提供了一种基于页面排列区域与展示区域变化的方法和系统，以解决在终端屏幕固定的情况下，如何能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。

为了解决上述技术问题，本申请提供了如下一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括：

预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；

当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

优选地，其中，所述显示屏中的展示区域的最大展示值为该展示区域的外边框的纵向垂直距离值的最大值，该页面排列区域的最小展示值为该页面排列区域的外边框的纵向垂直距离值的最小值。

优选地，其中，所述页面排列区域的最大展示值为该页面排列区域的外边框的纵向垂直距离值的最大值，该页面排列区域的最小展示值为该页面排列区域的外边框的纵向垂直距离值的最小值。

优选地，其中，预设所述显示屏中的展示区域的最大展示值和最小展示值，还包括：

预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

优选地，其中，还包括：当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构；

当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。

为了解决上述技术问题，本申请还提供了一种基于页面排列区域与展示区域变化的系统，应用于具有显示屏的设备中，其特征在于，该系统包括：预置单元、判断单元和执行单元；其中，

所述预置单元，用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

所述判断单元，用于当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

所述执行单元，用于当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

优选地，其中，

所述预置单元，进一步为用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；其中，所述展示区域的最大展示值为该展示区域的外边框的纵向垂直距离值的最大值，该显示屏中的展示区域的最小展示值为该展示区域的外边框的纵向垂直距离值的最小值；所述页面排列区域的最大展示值为该页面排列区域的外边框的纵向垂直距离值的最大值，该页面排列区域的最小展示值为该页面排列区域的外边框的纵向垂直距离值的最小值。

优选地，其中，

所述预置单元，进一步还用于预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

优选地，其中，

所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，指示所述执行单元；

所述执行单元，还用于执行所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构。

优选地，其中，

所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，指示所述执行单元；

所述执行单元，还用于执行所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。

与现有技术相比，本申请所述的方法和系统，达到了如下效果：

(1)本发明解决了在终端屏幕固定的情况下，既能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。

(2)本发明还能够通过调整展示区域的大小，来增大页面排列区域的显示空间，从而保证用户选择浏览的体验流畅。

当然，实施本申请的任一产品必不一定需要同时达到以上所述的所有技术效果。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例一所述一种基于页面排列区域与展示区域变化的方法流程图；

图2至8为本申请应用实施例二中具体应用后的在终端的屏幕上效果变化显示图；

图9为本申请实施例三所述一种基于页面排列区域与展示区域变化的系统结构框图。

具体实施方式

如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式，然所述描述乃以说明本申请的一般原则为目的，并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。

实施利一

如图1所示，本发明实施例一公开了一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括：

步骤101，预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

步骤102，当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

步骤103，当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；

当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

上述显示屏中的展示区域的最大展示值和最小展示值，为该展示区域的外边框的纵向垂直距离值。

上述页面排列区域的最大展示值和最小展示值，为该页面排列区域的外边框的纵向垂直距离值。

其中，预设所述显示屏中的展示区域的最大展示值和最小展示值，还包括：

预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

相应的本发明实施例一所述方法，还包括：

当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构；

当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。

实施例二

如图2至8所示，为本发明应用实施例二的根据实施例一所示内容，在具体应用后的在终端的屏幕上效果变化显示图。本实施例三中的显示屏为具有触控操作接口的显示屏(也可以直接是所述终端的浏览器在显示屏上显示效果)。

图2所示，在采用本发明实施例一所述的方法后，其中S1(箭头所示的区域)代表了显示屏中的展示区域的最大展示值，为该展示区域的外边框的纵向垂直距离值。

图2所述，其中S2(箭头所示的区域)代表了页面排列区域的最小展示值，为该页面排列区域的外边框的纵向垂直距离值。

图3至图8为，按照步骤102和103的执行方式执行后显示屏显示的展示区域和页面排列区域的变化状态图。

在本应用实施例二中，主要是以：

当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止(即如图3至8所示)。

如图8所示，当展示区域变化到其最小展示值S1’停止变化，同时对应的所述页面排列区域即变化为其最大展示值S2’为止。

实施例三

如图9所示，本发明实施例三公开了一种基于页面排列区域与展示区域变化的系统，应用于具有显示屏的设备中，该系统包括：预置单元901、判断单元902和执行单元903；其中，

所述预置单元901，与所述浏览转换单元502相耦接，用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

所述判断单元902，分别与所述预置单元901和执行单元903相耦接，用于当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

所述执行单元，与所述判断单元902相耦接，用于当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

其中，上述系统实施例中，所述预置单元901，进一步为：用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；其中，所述展示区域的最大展示值和最小展示值，为该展示区域的外边框的纵向垂直距离值；所述页面排列区域的最大展示值和最小展示值，为该页面排列区域的外边框的纵向垂直距离值。

另外，所述预置单元901，进一步还用于预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

相对应的上述系统实施例，具体地：

所述判断单元902，还用于当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，指示所述执行单元；

所述执行单元903，还用于执行所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构。

所述判断单元902，还用于当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，指示所述执行单元；

所述执行单元903，还用于执行所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。

由于方法部分已经对本申请实施例进行了详细描述，这里对实施例中涉及的方法与系统对应部分的展开描述省略，不再赘述。对于系统中具体内容的描述可参考所述方法实施例的内容，这里不再具体限定。

与现有技术相比，本申请所述的方法和系统，达到了如下效果：

(1)本发明解决了在终端屏幕固定的情况下，既能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。

(2)本发明还能够通过调整展示区域的大小，来增大页面排列区域的显示空间，从而保证用户选择浏览的体验流畅。

本领域内的技术人员应明白，本申请的实施例可提供为方法、装置、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

上述说明示出并描述了本申请的若干优选实施例，但如前所述，应当理解本申请并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围，则都应在本申请所附权利要求的保护范围内。

Claims (10)

1.一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括：

预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；

当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

2.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，所述显示屏中的展示区域的最大展示值为该展示区域的外边框的纵向垂直距离值的最大值，该显示屏中的展示区域的最小展示值为该展示区域的外边框的纵向垂直距离值的最小值。

3.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，所述页面排列区域的最大展示值为该页面排列区域的外边框的纵向垂直距离值的最大值，该页面排列区域的最小展示值为该页面排列区域的外边框的纵向垂直距离值的最小值。

4.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，预设所述显示屏中的展示区域的最大展示值和最小展示值，还包括：

预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

5.如权利要求4中所述的基于页面排列区域与展示区域变化的方法，其特征在于，还包括：当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构；

当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。

6.一种基于页面排列区域与展示区域变化的系统，应用于具有显示屏的设备中，其特征在于，该系统包括：预置单元、判断单元和执行单元；其中，

所述预置单元，用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；

所述判断单元，用于当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；

所述执行单元，用于当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

7.如权利要求6所述的基于页面排列区域与展示区域变化的系统，其特征在于，

所述预置单元，进一步为用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；其中，所述展示区域的最大展示值为该展示区域的外边框的纵向垂直距离值的最大值，该显示屏中的展示区域的最小展示值为该展示区域的外边框的纵向垂直距离值的最小值；所述页面排列区域的最大展示值为该页面排列区域的外边框的纵向垂直距离值的最大值，该页面排列区域的最小展示值为该页面排列区域的外边框的纵向垂直距离值的最小值。

8.如权利要求7所述的基于页面排列区域与展示区域变化的系统，其特征在于，

所述预置单元，进一步还用于预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。

9.如权利要求8中所述的基于页面排列区域与展示区域变化的系统，其特征在于，

所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，指示所述执行单元；

所述执行单元，还用于执行所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构。

10.如权利要求8中所述的基于页面排列区域与展示区域变化的系统，其特征在于，

所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，指示所述执行单元；

所述执行单元，还用于执行所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。