CN104077056B - 屏幕显示页面的平移方法和系统 - Google Patents

Abstract

本发明公开了一种屏幕显示页面的平移方法及系统，该方法包括步骤：根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；根据输入的结束指令，记录所述行为点的移动偏移量；根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素。本发明在平移过程中用户所移动的对象是显示页面的截图，由于截图的大小远小于显示页面中页面元素的大小，所以在平移过程中并不会占用过多的显卡和内存资源，使得平移过程流畅。

Description

屏幕显示页面的平移方法和系统

【技术领域】

本发明涉及屏幕显示交互领域，特别是涉及屏幕显示页面的平移方法和系统。

【背景技术】

随着屏幕显示技术的发展，携带屏幕的电子产品广泛应用在社会各个领域。例如，基于屏幕的移动终端、娱乐场所的点歌台、博物展馆的利用屏幕介绍文物历史等等。由于屏幕主要是实现人机交互功能，其功能的触发大多通过用户屏幕的形式实现，为方便用户的操作，一般屏幕的屏幕尺寸都比较小。由于屏幕所显示页面的页面范围一般都比较大，所以人们在使用屏幕显示页面的过程中，会经常使用页面的平移操作，以平移所显示的页面。平移操作是指只针对操作对象在所属区域进行位置移动，不允许对该对象进行其他操作。用户通常用平移操作来获得更大的可用空间或者寻找页面某个元素。

现有的页面平移操作通常为包括步骤：记录平移起始点的位置；用户触摸点发生移动时计算当前触摸点与上次用户触摸点的位置偏移量，并将页面所有元素平移此偏移量，用户触摸点松开时结束平移操作。当页面中所包含的元素过多或者尺寸过大时，在平移过程当中页面中所有元素都会随着触摸点的移动进行平移，这样使得系统的显卡和内存消耗过大，导致平移过程中屏幕显示不流畅，致使一次的页面平移可能无法将用户希望显示的元素显示出来，因此需多次平移，使得操作及其不便。

【发明内容】

基于此，有必要针对现有技术中平移过程中不流畅导致用户操作及其不便的问题，提供一种在平移过程中使用页面截图移动代替页面所有元素移动的平移的方法。

一种屏幕显示页面的平移方法，该方法包括步骤：根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；根据输入的结束指令，记录所述行为点的移动偏移量；根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素。

相应地，本发明还一种屏幕显示页面的平移系统，该系统包括：保存模块，用于根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；代替模块，用于生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；记录模块，用于根据输入的结束指令，记录所述行为点的移动偏移量；更新显示模块，用于根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素。

本发明在用户进行平移操作时先将屏幕所显示页面的页面元素以及所属页面元素的坐标保存到临时容器中，然后生成所述显示页面的截图，并将所述截图对应所述页面元素的坐标显示在屏幕中，待平移结束后，根据输入的结束指令，记录所述行为点的移动偏移量，更新所述页面元素的坐标，并依据该坐标显示所述页面元素。所以本发明在平移过程中用户所移动的对象是显示页面的截图，由于截图的大小远小于显示页面中页面元素的大小，所以在本发明平移过程中并不会占用过多的显卡和内存资源，使得平移过程流畅，避免了一次的平移无法将用户希望显示的元素显示出来而需多次平移的情况，从而减少了用户的操作步骤和操作时间。

【附图说明】

图1为本发明一种屏幕显示页面的平移方法实施例一的流程图图；

图2为本发明一种屏幕显示页面的平移方法实施例二截图范围示意图；

图3为本发明一种屏幕显示页面的平移系统实施例一的结构框图。

【具体实施方式】

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述。

请参阅图1，其是本发明一种屏幕显示页面的平移方法实施例一的流程图。一种屏幕显示页面的平移方法，包括步骤：

S101：根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；

输入触发指令的方式有很多种，对于使用鼠标操作的屏幕可以通过点击相应的触发选项输入触发指令；对于使用触摸屏操作的屏幕，可以通过点击相应的触发选项以及滑动屏幕或者长按屏幕等特殊的操作手势输入触发指令。

根据输入端的触发指令，获取显示页面的页面元素以及所述页面元素的坐标，然后将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中。容器指用来存储和组织其他对象的对象，在本实施例中，所述临时容器指用来存储显示页面的页面元素以及所述页面元素的坐标的对象。

S102：生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；

对所述显示页面进行截图，生成所述显示页面的截图。然后将所述截图对应所述页面元素的坐标显示在屏幕中，使得截图代替显示页面显示在屏幕中。通过平移所述截图寻找相应的页面元素，在平移的过程当中，监测行为点的移动轨迹，然后根据所述移动轨迹移动所述截图的显示位置。

所述行为点在不同的应用条件下有不同的表现形式，例如，对于使用鼠标操作的屏幕其行为点为鼠标点，同样地，对于使用触摸屏操作的屏幕其行为点触摸点，具体地为，进入到平移模式后的鼠标点或者触摸点。

S103：根据输入的结束指令，记录所述行为点的移动偏移量；

输入结束指令的方式有很多种，对于使用鼠标操作的屏幕可以通过点击相应的结束选项输入结束指令；对于使用触摸屏操作的屏幕，可以结束对屏幕的触摸等操作手势输入结束指令。

记录所述行为点的移动偏移量，所述移动偏移量为在平移初始时刻行为点到平移结束时刻行为点以屏幕为参考的位移。

S104：根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素。

由于平移结束后截图的显示位置发生变化，相应地，页面元素的坐标也应该依据所述移动偏移量进行更新，并以及更新后的坐标进行显示。

本发明在用户进行平移操作时先将屏幕所显示页面的页面元素以及所属页面元素的坐标保存到临时容器中，然后生成所述显示页面的截图，并将所述截图对应所述页面元素的坐标显示在屏幕中，待平移结束后，根据输入的结束指令，记录所述行为点的移动偏移量，更新所述页面元素的坐标，并依据该坐标显示所述页面元素。所以本发明在平移过程中用户所移动的对象是显示页面的截图，由于截图的大小远小于显示页面中页面元素的大小，所以在本发明平移过程中并不会占用过多的显卡和内存资源，使得平移过程流畅，避免了一次的平移无法将用户希望显示的元素显示出来而需多次平移的情况，从而减少了用户的操作步骤和操作时间。

请参阅图2，其是本发明一种屏幕显示页面的平移方法实施例二截图范围示意图。其中图2(a)是本发明平移初始时刻所确定的截图范围示意图，图2(b)是行为点移动到B点时截图的显示位置示意图。

在实施例二中，其步骤与实施例一相同，其唯一区别点在于，上述步骤S102中生成所述显示页面的截图的步骤具体包括以下子步骤：

S201：获取平移初始时刻行为点A₀，确定所述页面的截图范围，其中所述截图范围为以所述行为点A₀为中心且长和宽至少是屏幕长和宽的两倍的区域；

在本实施例中，如图2(a)所示方框BCDE为屏幕的显示范围，方框BCDE的长为l，宽为h；显示页面的页面元素包括一个矩形、一个菱形以及一个圆形，A₀点为行为点。获取平移初始时刻的行为点A₀，然后以A₀为中心确定长和宽至少是屏幕长和宽的两倍的区域为截图范围。对于屏幕，行为点能够移动的最长距离为A₀B，由于屏幕是不可移动的，如果截图范围为以所述行为点A₀为中心且长和宽是屏幕长和宽的两倍的区域HIJK，当行为点平移到B点时，如图2(b)则D点刚好与J点重合，所以截图范围为HIJK时，可以满足一次平移的要求。

S202：根据所述截图范围，生成所述显示页面的截图。

对步骤S201中所确定的截图范围进行截图，生成所述显示页面的截图。

以平移初始时刻行为点A₀为中心，确定所述截图的截图范围，当截图范围最小时，即截图范围为以所述行为点A₀为中心且长和宽是屏幕长和宽的两倍的区域，截图的尺寸最小，能够在保障一次平移的情况下，尽可能减小截图的尺寸，从而进一步减小移动所述截图的显示位置时占用的显卡和内存资源，进一步保障平移过程流畅。

在另一个实施例，实施例三中，具体步骤参照实施例一，其唯一区别点在于上述步骤S103中，所述记录所述行为点的移动偏移量的步骤具体包括如下子步骤：

S301：获取平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)；

对于使用触摸屏操作的屏幕，平移初始时刻行为点A₀的位置坐标(X，Y)可以是进入平移模式时的触摸位置的坐标，平移结束时刻行为点A₁的位置坐标(X₁，Y₁)可以是触摸物体从触摸屏松开时刻的位置的坐标。这时，行为点的移动轨迹为触摸点在触摸屏的滑动轨迹。

对于使用鼠标操作的屏幕，平移初始时刻行为点A₀的位置坐标(X，Y)可以是进入平移模式时的鼠标位置的坐标，平移结束时刻行为点A₁的位置坐标(X₁，Y₁)为平移结束时刻鼠标位置的坐标。这时，行为点的移动轨迹为鼠标在屏幕的移动轨迹。

S302：计算移动偏移量，其中所述移动偏移量为向量A₀A₁，其公式为A₀A₁＝(X₁-X，Y₁-Y)。

获取了平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)之后，通过A₀A₁＝(X₁-X，Y₁-Y)计算A₀A₁的向量值。

本实施例通过对屏幕建立坐标系，获取平移初始时刻行为点A₀的位置坐标(和平移结束时刻行为点A₁的位置坐标，并通过向量计算公式，计算向量A₀A₁，用向量A₀A₁表示平移初始时刻行为点到平移结束时刻行为点以屏幕为参考的位移，即用向量A₀A₁表示行为点的移动偏移量，可以容易地计算移动偏移量，使得本发明更容易且更方便实现。

在另一个实施例，实施例四中，具体步骤参照实施例一，且步骤S103与实施例三相同，区别点在于步骤S104中，所述根据所述移动偏移量更新所述页面元素的坐标的步骤，具体为：

将存储在临时容器内页面元素的坐标加所述向量A₀A₁的值作为所述页面元素的新坐标。

由于行为点在屏幕的移动是有距离也有方向的，所以通过将存储在临时容器内页面元素的坐标的坐标值加上所述向量A₀A₁的值获得所述页面元素的新坐标，使得根据所述移动偏移量更新所述页面元素的坐标的步骤容易通过简单的程序实现，减小本发明的开发成本。

请参阅图3，其是本一种屏幕显示页面的平移方法实施例一的结构框图。

一种屏幕显示页面的平移系统，包括：

保存模块301，用于根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；

输入触发指令的方式有很多种，对于使用鼠标操作的屏幕可以通过点击相应的触发选项输入触发指令；对于使用触摸屏操作的屏幕，可以通过点击相应的触发选项以及滑动屏幕或者长按屏幕等特殊的操作手势输入触发指令。

保存模块301根据输入端的触发指令，获取显示页面的页面元素以及所述页面元素的坐标，然后保存模块301将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中。容器指用来存储和组织其他对象的对象，在本实施例中，所述临时容器指用来存储显示页面的页面元素以及所述页面元素的坐标的对象。

代替模块302，用于生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；

代替模块302对所述显示页面进行截图，生成所述显示页面的截图。然后代替模块302将所述截图对应所述页面元素的坐标显示在屏幕中，使得截图代替显示页面显示在屏幕中。代替模块302通过平移所述截图寻找相应的页面元素，在平移的过程当中，代替模块302监测行为点的移动轨迹，然后代替模块302根据所述移动轨迹移动所述截图的显示位置。

所述行为点在不同的应用条件下有不同的表现形式，例如，对于使用鼠标操作的屏幕其行为点为鼠标点，同样地，对于使用触摸屏操作的屏幕其行为点触摸点，具体地为，进入到平移模式后的鼠标点或者触摸点。

记录模块303，用于根据输入的结束指令，记录所述行为点的移动偏移量；

输入结束指令的方式有很多种，对于使用鼠标操作的屏幕可以通过点击相应的结束选项输入结束指令；对于使用触摸屏操作的屏幕，可以结束对屏幕的触摸等操作手势输入结束指令。

记录模块303记录所述行为点的移动偏移量，所述移动偏移量为在平移初始时刻行为点到平移结束时刻行为点以屏幕为参考的位移。

更新显示模块304，用于根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素。

由于平移结束后截图的显示位置发生变化，相应地，通过更新显示模块304使得页面元素的坐标依据所述移动偏移量进行更新，并以及更新后的坐标进行显示。

本发明通过保存模块301在用户进行平移操作时先将屏幕所显示页面的页面元素以及所属页面元素的坐标保存到临时容器中，然后通过代替模块302生成所述显示页面的截图，并将所述截图对应所述页面元素的坐标显示在屏幕中，待平移结束后，通过记录模块303根据输入的结束指令，记录所述行为点的移动偏移量，最后通过更新显示模块304更新所述页面元素的坐标，并依据该坐标显示所述页面元素。所以本发明在平移过程中通过代替模块302使得用户所移动的对象是显示页面的截图，由于截图的大小远小于显示页面中页面元素的大小，所以在本发明平移过程中并不会占用过多的显卡和内存资源，使得平移过程流畅，避免了一次的平移无法将用户希望显示的元素显示出来而需多次平移的情况，从而减少了用户的操作步骤和操作时间。

在另一个实施例，实施例二中，其结构与实施例一基本相同，其区别点在于，上述代替模块302包括以下子模块：

确定模块，用于获取平移初始时刻行为点A₀，确定所述页面的截图范围，其中所述截图范围为以所述行为点A₀为中心且长和宽至少是屏幕长和宽的两倍的区域；

在本实施例中，如图2(a)所示方框BCDE为屏幕的显示范围，方框BCDE的长为l，宽为h；显示页面的页面元素包括一个矩形、一个菱形以及一个圆形，A₀点为行为点。获取平移初始时刻的行为点A₀，然后以A₀为中心确定长和宽至少是屏幕长和宽的两倍的区域为截图范围。对于屏幕，行为点能够移动的最长距离为A₀B，由于屏幕是不可移动的，如果截图范围为以所述行为点A₀为中心且长和宽是屏幕长和宽的两倍的区域HIJK，当行为点平移到B点时，如图2(b)则D点刚好与J点重合，所以截图范围为HIJK时，可以满足一次平移的要求。

截图模块，用于根据所述截图范围，生成所述显示页面的截图。

通过截图模块对确定模块中所确定的截图范围进行截图，生成所述显示页面的截图。

通过确定模块以平移初始时刻行为点A₀为中心，确定所述截图的截图范围，当截图范围最小时，即截图范围为以所述行为点A₀为中心且长和宽是屏幕长和宽的两倍的区域，这样通过截图模块生成的截图的尺寸最小，能够在保障一次平移的情况下，尽可能减小截图的尺寸，从而进一步减小移动所述截图的显示位置时占用的显卡和内存资源，进一步保障平移过程流畅。

在另一个实施例，实施例三中，其结构与实施例一基本相同，区别的在于，上述记录模块303中包括以下子模块：

获取模块，用于获取平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)；

对于使用触摸屏操作的屏幕，平移初始时刻行为点A₀的位置坐标(X，Y)可以是进入平移模式时的触摸位置的坐标，平移结束时刻行为点A₁的位置坐标(X₁，Y₁)可以是触摸物体从触摸屏松开时刻的位置的坐标。这时，行为点的移动轨迹为触摸点在触摸屏的滑动轨迹。

对于使用鼠标操作的屏幕，平移初始时刻行为点A₀的位置坐标(X，Y)可以是进入平移模式时的鼠标位置的坐标，平移结束时刻行为点A₁的位置坐标(X₁，Y₁)为平移结束时刻鼠标位置的坐标。这时，行为点的移动轨迹为鼠标在屏幕的移动轨迹。

计算模块，用于计算移动偏移量，其中所述移动偏移量为向量A₀A₁，其公式为A₀A₁＝(X₁-X，Y₁-Y)。

通过获取模块获取了平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)之后，通过计算模块利用公司A₀A₁＝(X₁-X，Y₁-Y)计算A₀A₁的向量值。

本实施例通过对屏幕建立坐标系，通过获取模块获取平移初始时刻行为点A₀的位置坐标和平移结束时刻行为点A₁的位置坐标，并通过计算模块利用上述计算公式，计算向量A₀A₁。使用向量A₀A₁表示平移初始时刻行为点到平移结束时刻行为点以屏幕为参考的位移，即用向量A₀A₁表示行为点的移动偏移量，可以容易地计算移动偏移量，使得本发明更容易且更方便实现。

在另一个实施例，实施例四中，其结构与实施例一基本相同且记录模块303与实施例三相同，区别的在于，更新显示模块304包括以下子模块：

更新模块，用于将存储在临时容器内页面元素的坐标加所述向量A₀A₁的值作为所述页面元素的新坐标。

由于行为点在屏幕的移动是有距离也有方向的，所以通过更新模块将存储在临时容器内页面元素的坐标的坐标值加上所述向量A₀A₁的值获得所述页面元素的新坐标，使得根据所述移动偏移量更新所述页面元素的坐标的步骤容易通过简单的程序实现，减小本发明的开发成本。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (6)

1.一种屏幕显示页面的平移方法，其特征在于，包括步骤：

根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；

生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；

根据输入的结束指令，记录所述行为点的移动偏移量；

根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素；

其中，所述生成所述显示页面的截图的步骤，具体包括：

获取平移初始时刻行为点A₀，确定所述页面的截图范围，其中所述截图范围为以所述行为点A₀为中心且长和宽至少是屏幕长和宽的两倍的区域；

根据所述截图范围，生成所述显示页面的截图。

2.根据权利要求1所述的一种屏幕显示页面的平移方法，其特征在于，所述记录所述行为点的移动偏移量的步骤，具体包括：

获取平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)；

计算移动偏移量，其中所述移动偏移量为向量A₀A₁，其公式为A₀A₁＝(X₁-X，Y₁-Y)。

3.根据权利要求2所述的一种屏幕显示页面的平移方法，其特征在于，所述根据所述移动偏移量更新所述页面元素的坐标的步骤，具体为：

将存储在临时容器内页面元素的坐标加所述向量A₀A₁的值作为所述页面元素的新坐标。

4.一种屏幕显示页面的平移系统，其特征在于，包括：

保存模块，用于根据输入的触发指令，将显示页面的页面元素以及所述页面元素的坐标保存到临时容器中；

代替模块，用于生成所述显示页面的截图，将所述截图对应所述页面元素的坐标显示在屏幕中，并根据行为点的移动轨迹移动所述截图的显示位置；

记录模块，用于根据输入的结束指令，记录所述行为点的移动偏移量；

更新显示模块，用于根据所述移动偏移量更新所述页面元素的坐标，并依据该坐标显示所述页面元素；

其中，所述代替模块包括：

确定模块，用于获取平移初始时刻行为点A₀，确定所述页面的截图范围，其中所述截图范围为以所述行为点A₀为中心且长和宽至少是屏幕长和宽的两倍的区域；

截图模块，用于根据所述截图范围，生成所述显示页面的截图。

5.根据权利要求4所述的一种屏幕显示页面的平移系统，其特征在于，所述记录模块包括：

获取模块，用于获取平移初始时刻行为点A₀的位置坐标(X，Y)和平移结束时刻行为点A₁的位置坐标(X₁，Y₁)；

计算模块，用于计算移动偏移量，其中所述移动偏移量为向量A₀A₁，其公式为A₀A₁＝(X₁-X，Y₁-Y)。

6.根据权利要求5所述的一种屏幕显示页面的平移系统，其特征在于，所述更新显示模块包括：

更新模块，用于将存储在临时容器内页面元素的坐标加所述向量A₀A₁的值作为所述页面元素的新坐标。