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

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

【技术实现步骤摘要】
基于页面排列区域与展示区域变化的方法和系统
本申请涉及界面布局显示领域，更具体地，涉及一种基于页面排列区域与展示区域变化的方法和系统。
技术介绍
随着互联网技术的快速发展，人们获取信息的方式已经发生改变:从传统的书籍、报纸、电视、广播等方式，继而变成通过互联网获取。尤其是互联网将影视节目、新闻、广告、聊天视频、游戏视频和监控视频等等丰富的综合性网络视频资源进行共享，从而网络视频已经成为人们学习、社交以及休闲娱乐而不可替代的重要方式。目前的显示屏由于需要显示的内容包括给客户的使用时候的提示信息，信息量越来越多。而且往往用户在页面排列区域中执行检索或浏览具体内容操作时，往往受到其他区域内容的干扰，造成观看不适，严重影响用户的浏览体验。如何在现有的显示屏范围内，既能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小，便成为亟待解决的技术问题。
技术实现思路
有鉴于此，本申请所要解决的技术问题是提供了一种基于页面排列区域与展示区域变化的方法和系统，以解决在终端屏幕固定的情况下，如何能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。为了解决上述技术问题，本申请提供了如下一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括: 预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值； 当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向； 当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止； 当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。优选地，其中，所述显示屏中的展示区域的最大展示值和最小展示值，为该展示区域的外边框的纵向垂直距离值。优选地，其中，所述页面排列区域的最大展示值和最小展示值，为该页面排列区域的外边框的纵向垂直距离值。优选地，其中，预设所述显示屏中的展示区域的最大展示值和最小展示值，还包括: 预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。优选地，其中，还包括:当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构； 当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。为了解决上述技术问题，本申请还提供了一种基于页面排列区域与展示区域变化的系统，应用于具有显示屏的设备中，其特征在于，该系统包括:预置单元、判断单元和执行单元；其中， 所述预置单元，用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值； 所述判断单元，用于当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向； 所述执行单元，用于当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。优选地，其中， 所述预置单元，进一步为用于预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；其中，所述展示区域的最大展示值和最小展示值，为该展示区域的外边框的纵向垂直距离值；所述页面排列区域的最大展示值和最小展示值，为该页面排列区域的外边框的纵向垂直距离值。优选地，其中， 所述预置单元，进一步还用于预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。优选地，其中， 所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，指示所述执行单元； 所述执行单元，还用于执行所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构。优选地，其中， 所述判断单元，还用于当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，指示所述执行单元； 所述执行单元，还用于执行所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。与现有技术相比，本申请所述的方法和系统，达到了如下效果: (I)本专利技术解决了在终端屏幕固定的情况下，既能有效保留住显示页面头部的展示区内容，又不影响浏览区中页面排列区域的大小的问题。(2)本专利技术还能够通过调整展示区域的大小，来增大页面排列区域的显示空间，从而保证用户选择浏览的体验流畅。当然，实施本申请的任一产品必不一定需要同时达到以上所述的所有技术效果。【附图说明】此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中: 图1为本申请实施例一所述一种基于页面排列区域与展示区域变化的方法流程图； 图2至8为本申请应用实施例二中具体应用后的在终端的屏幕上效果变化显示图； 图9为本申请实施例三所述一种基于页面排列区域与展示区域变化的系统结构框图。【具体实施方式】如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说本文档来自技高网...

【技术保护点】
一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括：预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值；当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向；当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止；当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。

【技术特征摘要】
1.一种基于页面排列区域与展示区域变化的方法，应用于具有显示屏的设备中，其特征在于，包括: 预设所述显示屏中的展示区域的最大展示值和最小展示值，以及页面排列区域的最大展示值和最小展示值； 当监测到所述显示屏中的页面排列区域中有浏览的滑动操作时，获取滑动操作的移动距离值，同时判断滑动操作的方向； 当滑动操作的方向靠近展示区域移动时，所述展示区域的显示值为所述展示区域的当前展示值减去所述移动距离值直至该展示区域的当前显示值达到该展示区域的最小展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值加上所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最大展示值为止； 当滑动操作的方向远离展示区域移动时，所述展示区域的显示值为展示区域的当前展示值加上所述移动距离值直至该展示区域的当前显示值达到该展示区域的最大展示值为止，且所述页面排列区域的显示值为页面排列区域的当前显示值减去所述移动距离值直至该页面排列区域的显示值达到该页面排列区域的最小展示值为止。2.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，所述显示屏中的展示区域的最大展示值和最小展示值，为该展示区域的外边框的纵向垂直距离值。3.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，所述页面排列区域的最大展示值和最小展示值，为该页面排列区域的外边框的纵向垂直距离值。4.如权利要求1所述的基于页面排列区域与展示区域变化的方法，其特征在于，预设所述显示屏中的展示区域的最大展示值和最小展示值，还包括: 预设所述展示区域中的最大展示值对应的画面背景和信息的布局结构，以及最小展示值对应的画面背景和信息的布局结构。5.如权利要求4中所述的基于页面排列区域与展示区域变化的方法，其特征在于，还包括:当所述展示区域的当前展示值由靠近该展示区域的最大展示值移动到最小展示值时，所述最大展示值对应的画面背景和信息的布局结构变换为最小展示值对应的画面背景和信息的布局结构； 当所述展示区域的当前展示值由靠近该展示区域的最小展示值移动到最大展示值时，所述最小展示值对应的画面背景和信息的布局结构变换为最大展示值对应的画面背景和信息的布局结构。6.一种基于页面排列区域与展示区域变化的系统，应用于具有显示屏的设备中，其特征在于，该系统包括:预置单元、判断单元和执行单元；其中， 所述预置单元，用于...

【专利技术属性】
技术研发人员：颜晗，张宏伟，姚键，潘柏宇，卢述奇，
申请(专利权)人：合一网络技术北京有限公司，
类型：发明
国别省市：北京;11