CN102566909B - 两屏显示装置的翻页处理方法 - Google Patents

Abstract

本发明提供一种两屏显示装置的翻页处理方法，该方法包括以下步骤：在两屏显示装置上进行翻页的过程中，逐渐减小第一页最右边元素与第二页最左边元素之间的距离，直到上述距离与页面上其它元素之间的距离相等。本发明的两屏显示装置的翻页处理方法，通过在两屏显示装置的翻页过程中逐渐减小两页之间的距离直到该距离与同页上其它元素之间的距离相等，这样在翻页完成后，两页之间不再存在明显的页间距，整个屏幕上显示的两页就会是一个完整的画面，从而实现了屏幕显示范围内两页一体化的目的，加强了屏幕显示内容的整体感，给用户提供了更好的视觉效果。

Description

两屏显示装置的翻页处理方法

技术领域

本发明涉及一种两屏显示装置的翻页处理方法。

背景技术

自从工业控制领域导入触摸技术以后，触摸技术不断地更新，且大量应用于消费市场，如手机、电脑等。但是这些手机、电脑都是单一屏的应用，缺少对多屏的处理。目前，多屏显示技术发展迅速，已广泛应用于监控系统、视讯会议、查询系统、大屏幕拼接投影墙等。

以多屏中的两屏为例，如图1所示，两屏显示装置的整个屏幕一共由两个小屏幕（第一屏、第二屏）拼接而成，而为了保持美观，一般会使各页页边距比页面上各元素间的距离要大。如图1所示，某系统第一页与第二页共同显示在当前整个屏幕中，其中：D₁为页边距，即为第一页最左边元素与第一屏左边框的距离（或为第二页最右边元素与第二屏右边框的距离，二者相等）；D₂为元素的宽度（假设页面上各元素宽带相等）；D₃为同一行相邻两个元素之间的距离；D_总为第一页页宽（每页页宽相等）。为了美观，现有的两屏显示装置在进行画面设计时，会将第一页最右边元素与第一屏右边框的距离设计为D₃/2，同样第二页最左边元素与第二屏左边框的距离也为D₃/2，这样才能保证在用户看来整个屏幕是一个整体，两页之间也不存在页间距（或称分界线）。

上述的方法存在一个致命的缺陷，即当系统有多页且在两屏上显示时，如果仍然采用现有的设计，则用户在进行翻页操作后，当前显示范围内的第一页最右边元素与第二页最左边元素之间的距离将不再是之前的D₃，而是会变成两个页边距（2*D₁）。而按照习惯，页边距D₁通常比页面上各元素间的距离D₃要大得多，因此在用户看来，翻页后显示范围内的第一页和第二页的中间有明显的页间距，不像一个统一的整体，从而给用户带来了不好的视觉效果。

发明内容

为解决上述问题，本发明提供一种两屏显示装置的翻页处理方法，能够使当前屏幕显示范围内所显示的两页一体化，加强屏幕显示内容的整体感。

为实现上述目的，本发明采用如下的技术方案：

一种两屏显示装置的翻页处理方法，包括以下步骤：在两屏显示装置上进行翻页的过程中，逐渐减小第一页最右边元素与第二页最左边元素之间的距离，直到上述距离与页面上其它元素之间的距离相等；

所述减小第一页最右边元素与第二页最左边元素之间的距离的过程具体包括：判断向左翻页还是向右翻页；若是向左翻页，则调整第一页元素的位置直至第一页最左边元素到第一屏左边框的距离为预定距离；并在调整第一页元素的位置的过程中根据第一页元素的位置实时调整第二页元素的位置，直至第一页最右边元素与第二页最左边元素之间的距离与页面上其它元素之间的距离相等；若为向右翻页，则调整第二页元素的位置直至第二页最右边元素到第二屏右边框的距离为预定距离；并在调整第二页元素的位置的过程中根据第二页元素的位置实时调整第一页元素的位置，直至第一页最右边元素与第二页最左边元素之间的距离与页面上其它元素之间的距离相等；

所述根据第一页元素的位置实时调整第二页元素的位置的过程具体包括：获取开始翻页的时间、开始翻页的鼠标点或触摸点的横坐标；判断翻页操作的类型，所述翻页操作的类型包括点击翻页、拖动翻页；若为点击翻页，则根据所述开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离，然后根据当前时刻第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置；若为拖动翻页，则根据所述开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第二页当前需要修正的距离，然后根据当前坐标下第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置；

所述根据开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离的过程具体包括：根据所述开始翻页的时间T₀、当前时间T以及预设的修正好位置所需花费的时间T_移计算修正比例系数

，采用如下公式：根据所述修正比例系数

计算第二页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第一页最左边元素与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离。

本发明的两屏显示装置的翻页处理方法，通过在两屏显示装置的翻页过程中逐渐减小两页之间的距离直到该距离与同页上其它元素之间的距离相等，这样在翻页完成后，两页之间不再存在明显的页间距，整个屏幕上显示的两页就会是一个完整的画面，从而实现了屏幕显示范围内两页一体化的目的，加强了屏幕显示内容的整体感，给用户提供了更好的视觉效果。

附图说明

图1为距离变量定义示意图；

图2为本发明两屏显示装置的翻页处理方法的流程示意图；

图3（a）—图3(e)为实施例中点击翻页并向左翻页过程中屏幕显示示意图。

具体实施方式

本发明的一种两屏显示装置的翻页处理方法，包括以下步骤：在两屏显示装置上进行翻页的过程中，逐渐减小第一页最右边元素与第二页最左边元素之间的距离，直到上述距离与页面上其它元素之间的距离相等。

作为一个较好的实施例，如图2所示，上述方法具体可以包括如下步骤：

步骤S1，两屏显示装置在接到用户的翻页请求后，开始准备进行翻页操作。本发明中的两屏显示装置，是指由两个小屏幕所构成的大屏幕显示装置，其不仅包括了当前市场上常见的由两个小触摸屏组成的大屏幕拼接投影墙，还可以包括不是由触摸屏组成的其它显示装置等。

步骤S2，在两屏显示装置上进行翻页的过程中，逐渐减小第一页最右边元素与第二页最左边元素之间的距离。

本发明中所述的“第一页”，并不是指当前显示范围内第一屏中的内容，而是指的在翻页完成后，最终将要在第一屏中显示的内容。为了方便起见我们才将这个还不是第一页的东西称之为“第一页”，而事实上，我们称之为“第一页”的东西它的内容可能正显示在第二屏中或一部分显示在第一屏另一部分显示在第二屏中（向左翻页）；或者是这个“第一页”的内容当前还没有显示或只是部分显示在第一屏中（向右翻页），但是不管过程怎么样，随着翻页的继续，本发明所述的“第一页”的内容最终将全部显示在第一屏中。

同理，本发明中所述的“第二页”，亦不是指当前显示范围内第二屏中的内容，也是指的在翻页完成后，最终将要在第二屏中显示的内容。事实上，这个“第二页”上的内容当前可能还没有显示或只是部分显示在第二屏中（向左翻页）；或者是正显示在第一屏中或一部分显示在第一屏另一部分显示在第二屏中（向右翻页）。但是不管过程怎么样，随着翻页的继续，本发明所述的“第二页”的内容最终将全部显示在第二屏中。

步骤S3，判断上述距离是否足够小，使得该距离与页面上其它元素之间的距离相等，若是则进入步骤S4，若否则进入步骤S2。需要说明的是，除了两页中间的那两个元素（即第一页最右边元素与第二页最左边元素），显示范围内其它元素之间的距离都是相等的，而且一般来说，第一页最右边元素与第二页最左边元素之间的距离是要比其它元素之间的距离大很多的。

步骤S4，若第一页最右边元素与第二页最左边元素之间的距离与其它元素之间的距离相等，则停止减小距离。

步骤S5，翻页完成，流程结束。此时显示范围内两页已经一体化，中间不存在明显的页间距。

下面我们结合一个具体的实施例来对本发明作进一步的描述。

在背景技术部分我们已经对部分距离变量作了定义，从其中可以看出本发明实际要所要修正的距离为D=2*D₁-D₃（D₁为第一页最左边元素与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离）。作为一个较好的实施例，假设当前屏幕上显示的是某个系统的第二页和第三页（该系统有多页），则本发明的修正距离即减小所述第一页最右边元素与第二页最左边元素之间的距离的过程具体可以包括如下步骤：

步骤S21，判断向左翻页还是向右翻页；若是向左翻页，则完成本次翻页操作后，系统第二页将隐藏，在屏幕上显示的将是系统第三页与系统第四页（由于本发明中“第一页”、“第二页”都有特指，为避免冲突，我们在该实施例中的这个系统的多页的命名前面终始冠以一个前缀——“系统”两字，如“系统第一页”、“系统第二页”等，以区分于本发明中的“第一页”、“条二页”等），并且最终，系统第三页将显示在第一屏中（即为本发明所述的“第一页”），系统第四页将显示在第二屏中（即为本发明所述的“第二页”）；若是向右翻页，则完成本次翻页操作后，系统第三页将隐藏，在屏幕上显示的将是系统第一页和系统第二页，并且最终，系统第一页将显示在第一屏中（即为本发明所述的“第一页”），系统第二页将显示在第二屏中（即为本发明所述的“第二页”）。

步骤S22，若是向左翻页，则调整第一页（即实质上的系统第三页）元素的位置直至第一页（系统第三页）最左边元素到第一屏左边框的距离为预定距离（D₁）；并在调整第一页元素的位置的过程中根据第一页（系统第三页）元素的位置实时调整第二页（系统第二页）元素的位置，直至第一页（系统第三页）最右边元素与第二页（系统第四页）最左边元素之间的距离与页面上其它元素之间的距离相等。可参见图3进一步理解上述方案，如图3（a）至图3（e）所示的五个附图中，屏幕显示从系统第二页、系统第三页变成最终的系统第三页、系统第四页，在翻页的过程中，系统第三页与系统第四页之间的距离慢慢减小，两页之间那条明显的界线慢慢消失，直到最后两页成为一个完整的画面。

步骤S23，若为向右翻页，则调整第二页（即实质上的系统第二页）元素的位置直至第二页（亦即系统第二页）最右边元素到第二屏右边框的距离为预定距离（习惯上，该预定距离亦设置为D₁）；并在调整第二页（系统第二页）元素的位置的过程中根据第二页（系统第二页）元素的位置实时调整第一页（系统第一页）元素的位置，直至第一页（系统第一页）最右边元素与第二页（系统第二页）最左边元素之间的距离与页面上其它元素之间的距离相等。

需要说明的是，本发明中所述元素A与元素B或边框B之间的距离，是指的A与B间最近的距离，是忽略了各元素的宽度之后的距离。

作为一个较好的实施例，在步骤S22向左翻页的情况下，所述根据第一页元素的位置实时调整第二页元素的位置的过程具体可以包括如下步骤：

步骤S221，获取开始翻页的时间、开始翻页的鼠标点或触摸点的横坐标；

步骤S222，判断翻页操作的类型，所述翻页操作的类型包括点击翻页、拖动翻页；

步骤S223，若为点击翻页（没有拖动的过程），则根据所述开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离，然后根据当前时刻第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置；

步骤S224，若为拖动翻页（在拖动过程中页面会跟随鼠标点或触摸点移动），则根据所述开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第二页当前需要修正的距离，然后根据当前坐标下第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置。

作为一个较好的实施例，若为点击翻页，则上述步骤S223中，根据开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离的过程具体可以包括如下步骤：

步骤S2231，点击翻页以翻页时间的长短来计算修正比例，假设翻页总时间为T_总，并且希望在预设的时间T_移（T_移的具体大小视实验效果而定，且T_移≤T_总）后修正好位置，则可根据获取的开始翻页的时间T₀、当前时间T以及预设的修正好位置所需花费的时间T_移计算修正比例系数

，采用如下公式：

需要说明的是，当

时取

步骤S2232，根据所述修正比例系数计算第二页当前需要修正的距离X_t，采用如下公式：

其中，2D₁-D₃为本发明实际所要修正的距离，D₁为第一页最左边元素与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离。

作为一个较好的实施例，若为拖动翻页，则上述步骤S224中，根据开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第二页当前需要修正的距离的过程具体可以包括如下步骤：

步骤S2241，拖动翻页的修正系数是按拖动的距离来计算的。假设希望移动过预设距离X_移（X_移的具体大小视实验效果而定，且X_移≤D=2*D₁-D₃）后修正好位置，则可根据开始翻页的鼠标点或触摸点的横坐标X₀、当前鼠标点或触摸点的横坐标X以及预设的修正好位置所需拖动的距离X_移计算修正比例系数

，采用如下公式：

当 $\∂\≥1$ 时取 $\∂=1$ 。

步骤S2242，根据所述修正比例系数

计算第二页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第一页最左边元素与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离。

另外，在步骤S223或步骤S224中，可以采用如下公式计算第二页元素的具体位置：S₄=S₃+D₂+2*D₁-X_t；其中，S₄为第二页最左边元素到第一屏左边框的距离，S₃为第一页最右边元素到第一屏左边框的距离，D₂为各元素的宽度。计算所得的结果即为当前时刻/当前坐标下第二页元素的具体位置。

作为一个较好的实施例，在步骤S23向右翻页的情况下，根据第二页元素的位置实时调整第一页元素的位置的过程具体可以包括如下步骤：

步骤S231，获取开始翻页的时间、开始翻页的鼠标点或触摸点的横坐标；

步骤S232，判断翻页操作的类型，所述翻页操作的类型包括点击翻页、拖动翻页；

步骤S233，若为点击翻页，则根据所述开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第一页当前需要修正的距离，然后根据当前时刻第二页元素的位置以及当前需要修正的距离计算出第一页元素的具体位置；

步骤S234，若为拖动翻页，则根据所述开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第一页当前需要修正的距离，然后根据当前坐标下第二页元素的位置以及当前需要修正的距离计算出第一页元素的具体位置。

所述步骤S233中，若为点击翻页，则所述根据开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第一页当前需要修正的距离的过程具体可以包括如下步骤：

步骤S2331，根据所述开始翻页的时间T₀、当前时间T以及预设的修正好位置所需花费的时间T_移计算修正比例系数

，采用如下公式：

步骤S2332，根据所述修正比例系数

计算第一页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第二页最右边元素到第二屏右边框的距离，该距离习惯上与步骤S2232中的D₁即第一页最左边元素与第一屏左边框的距离相等，另外D₃为同一行相邻两个元素之间的距离。

所述步骤S234中，若为拖动翻页，则所述根据开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第一页当前需要修正的距离的过程具体可以包括如下步骤：

步骤S2341，根据开始翻页的鼠标点或触摸点的横坐标X₀、当前鼠标点或触摸点的横坐标X以及预设的修正好位置所需拖动的距离X_移计算修正比例系数

，采用如下公式：

步骤S2342，根据所述修正比例系数

计算第一页当前需要修正的距离X_t，采用如下公式：其中，D₁为第二页最右边元素到第二屏右边框的距离，该距离习惯上与步骤S2242中的D₁即第一页最左边元素与第一屏左边框的距离相等，另外D₃为同一行相邻两个元素之间的距离。

另外，在步骤S233或步骤S234中，可以采用如下公式计算第一页元素的具体位置：S₁=S₂-D₂-2*D₁+X_t；其中，S₁为第一页最右边元素到第一屏左边框的距离，S₂为第二页最左边元素到第一屏左边框的距离，D₂为各元素的宽度。计算所得的结果即为当前时刻/当前坐标下第一页元素的具体位置。

仍然以上述的多页系统为例进行说明：

在点击翻页的情况下，当移动时间达到T_移后，第一页和第二页便成为一个整体，完成一体化的处理。点击翻页因为其翻页的方向是确定的，所以在同一时刻只需要处理将要刷新显示的那一页（系统第一页或系统第四页）即可；

在拖动翻页的情况下，若是向左翻页，则当移动距离达到或者超过X_移时，第一页（系统第三页）和第二页（系统第四页）便成为一个整体，此时系统第二页可能部分显示，系统第一页则完全没有显示，完成一体化的处理；若是向右翻页，则当移动距离达到或者超过X_移时，第一页（系统第一页）和第二页（系统第二页）便成为一个整体，系统第三页可能部分显示，系统第四页完全没有显示，完成一体化的处理。

通过以上方案可以看出，本发明的两屏显示装置的翻页处理方法，通过在两屏显示装置的翻页过程中逐渐减小两页之间的距离直到该距离与同页上其它元素之间的距离相等，这样在翻页完成后，两页之间不再存在明显的页间距，整个屏幕上显示的两页就会是一个完整的画面，从而实现了屏幕显示范围内两页一体化的目的，加强了屏幕显示内容的整体感，给用户提供了更好的视觉效果。

以上所述的本发明实施方式，并不构成对本发明保护范围的限定。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明的权利要求保护范围之内。

Claims (7)

1.一种两屏显示装置的翻页处理方法，其特征在于，包括以下步骤： 

在两屏显示装置上进行翻页的过程中，逐渐减小第一页最右边元素与第二页最左边元素之间的距离，直到上述距离与页面上其它元素之间的距离相等； 

所述减小第一页最右边元素与第二页最左边元素之间的距离的过程具体包括：判断向左翻页还是向右翻页；若是向左翻页，则调整第一页元素的位置直至第一页最左边元素到第一屏左边框的距离为预定距离；并在调整第一页元素的位置的过程中根据第一页元素的位置实时调整第二页元素的位置，直至第一页最右边元素与第二页最左边元素之间的距离与页面上其它元素之间的距离相等；若为向右翻页，则调整第二页元素的位置直至第二页最右边元素到第二屏右边框的距离为预定距离；并在调整第二页元素的位置的过程中根据第二页元素的位置实时调整第一页元素的位置，直至第一页最右边元素与第二页最左边元素之间的距离与页面上其它元素之间的距离相等； 

所述根据第一页元素的位置实时调整第二页元素的位置的过程具体包括：获取开始翻页的时间、开始翻页的鼠标点或触摸点的横坐标；判断翻页操作的类型，所述翻页操作的类型包括点击翻页、拖动翻页；若为点击翻页，则根据所述开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离，然后根据当前时刻第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置；若为拖动翻页，则根据所述开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第二页当前需要修正的距离，然后根据当前坐标下第一页元素的位置以及当前需要修正的距离计算出第二页元素的具体位置； 

所述根据开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第二页当前需要修正的距离的过程具体包括：根据所述开始翻页的时间T₀、当前时间T以及预设的修正好位置所需花费的时间T_移计算修正比例系数，采用如下公式：根据所述修正比例系数

计算第二页当前需要修正的距离X_t，采用如下公式：其中，D₁为第一页最左边元素 与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离。 

2.根据权利要求1所述的两屏显示装置的翻页处理方法，其特征在于，所述根据开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第二页当前需要修正的距离的过程具体包括： 

根据开始翻页的鼠标点或触摸点的横坐标X₀、当前鼠标点或触摸点的横坐标X以及预设的修正好位置所需拖动的距离X_移计算修正比例系数

采用如下公式：

根据所述修正比例系数

计算第二页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第一页最左边元素与第一屏左边框的距离，D₃为同一行相邻两个元素之间的距离。 

3.根据权利要求1或2所述的两屏显示装置的翻页处理方法，其特征在于，采用如下公式计算当前时刻/当前坐标下第二页元素的具体位置：S₄=S₃+D₂+2×D₁-X_t；其中，S₄为第二页最左边元素到第一屏左边框的距离，S₃为第一页最右边元素到第一屏左边框的距离，D₂为各元素的宽度。 

4.根据权利要求1所述的两屏显示装置的翻页处理方法，其特征在于，所述根据第二页元素的位置实时调整第一页元素的位置的过程具体包括： 

获取开始翻页的时间、开始翻页的鼠标点或触摸点的横坐标； 

判断翻页操作的类型，所述翻页操作的类型包括点击翻页、拖动翻页； 

若为点击翻页，则根据所述开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第一页当前需要修正的距离，然后根据当前时刻第二页元素的位置以及当前需要修正的距离计算出第一页元素的具体位置； 

若为拖动翻页，则根据所述开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第一页当前需要修正的距离，然后根据当前坐标下第二页元素的位置以及当前需要修正 的距离计算出第一页元素的具体位置。 

5.根据权利要求4所述的两屏显示装置的翻页处理方法，其特征在于，所述根据开始翻页的时间、当前时间以及预设的修正好位置所需花费的时间计算第一页当前需要修正的距离的过程具体包括： 

根据所述开始翻页的时间T₀、当前时间T以及预设的修正好位置所需花费的时间T_移计算修正比例系数采用如下公式：

根据所述修正比例系数

计算第一页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第二页最右边元素到第二屏右边框的距离，D₃为同一行相邻两个元素之间的距离。 

6.根据权利要求4所述的两屏显示装置的翻页处理方法，其特征在于，所述根据开始翻页的鼠标点或触摸点的横坐标、当前鼠标点或触摸点的横坐标以及预设的修正好位置所需拖动的距离计算出第一页当前需要修正的距离的过程具体包括： 

根据开始翻页的鼠标点或触摸点的横坐标X₀、当前鼠标点或触摸点的横坐标X以及预设的修正好位置所需拖动的距离X_移计算修正比例系数采用如下公式：

根据所述修正比例系数

计算第一页当前需要修正的距离X_t，采用如下公式：

其中，D₁为第二页最右边元素到第二屏右边框的距离，D₃为同一行相邻两个元素之间的距离。 

7.根据权利要求5或6所述的两屏显示装置的翻页处理方法，其特征在于，采用如下公式计算当前时刻/当前坐标下第一页元素的具体位置：S₁=S₂-D₂-2′D₁+X_t；其中，S₁为第一页最右边元素到第一屏左边框的距离，S₂为第二页最左边元素到第一屏左边框的距离，D₂为各元素的宽度。 

Images