CN103995643B - 一种用于多个显示设备间的窗口交互方法 - Google Patents

Abstract

本发明公开了一种用于多个显示设备间的窗口交互方法，是在至少两个独立的显示设备间进行窗口交互，各显示设备有独立的输入操作设备；对输入操作设备进行动作；将显示设备内需要进行交互的窗口拖动至该显示设备的边缘处，在该边缘处加载一个接收器；对输入操作设备进行又一动作，使得窗口在该显示设备上以滑动和/或渐隐的方式消失；在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式加载该窗口，交互完成。本发明是通过在显示设备上添加一个接收器以告知用户该窗口可触发交互操作，还可以通过改变需交互窗口的大小、形状或颜色，或在窗口内添加标记来提醒用户。本发明使窗口在多设备间的交互过程变得更为自然和流畅，提升了用户体验。

Description

一种用于多个显示设备间的窗口交互方法

技术领域

本发明涉及显示领域，更具体地，涉及一种用于多个显示设备间的窗口交互方法。

背景技术

在公安、电力等行业的大型监控及调度系统中，常常需要多个单位联动来共同完成任务，系统的操作人员需要在多个显示及控制设备间快速的交换信息，协同工作。有一种常见的情况：操作人员需要把一个窗口（这里的窗口可以是一个网页，一个应用程序，或者任意可以拖动的标识及界面，这里统称为窗口）从一个大型的公用显示设备上，转移到另一个台式机的显示设备上，以方便操作人员进行编辑或其他操作。当编辑好后，操作人员再把该窗口转移回公用显示设备上。目前实现这一过程的交互方式往往是：操作人员用键盘或鼠标等设备输入窗口转移的目标位置，然后该窗口在公用显示设备上消失，在对应的台式机显示设备上出现。这一交互方式显得非常生硬，除操作人员以外的其他用户往往不知道窗口转移到了哪个显示设备上，也无法判断窗口是否因故障而突然消失。

发明内容

本发明为克服上述现有技术所述的缺陷（不足），提供一种用于多个显示设备间的窗口交互方法。使用户在多个显示设备间拖动窗口或执行其它操作时，界面的交互方式更简洁直观，更容易被理解，同时能够给用户视觉引导，提升用户体验。

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

一种用于多个显示设备间的窗口交互方法，是在N个独立的显示设备间进行窗口交互，N≥2，各个显示设备具有独立的输入操作设备；

通过对输入操作设备进行动作；将显示设备内需要进行交互的窗口拖动至该显示设备的边缘处，在该边缘处加载设置一个接收器；对输入操作设备进行又一动作，使得窗口在该显示设备上以滑动和/或渐隐的方式消失；对应的，在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式显示加载该窗口，窗口交互完成。

在显示设备上添加一个接收器，以提醒用户该显示设备上到达边缘处的窗口可以交互至另一显示设备。窗口和接收器以滑动和/或渐隐渐显的方式消失或加载，使得交互方式更简洁直观，易于理解。本发明能够给予用户视觉引导，明显提升用户的体验。

本发明的又一种用于多个显示设备间的窗口交互方法，是在N个独立的显示设备间进行窗口交互，N≥2，各个显示设备具有独立的输入操作设备；

通过对输入操作设备进行动作；将显示设备内需要进行交互的窗口拖动至该显示设备的边缘处，当窗口到达该显示设备的边缘处时，还能够改变该窗口的大小、形状或颜色，或在窗口内添加标记；对输入操作设备进行又一动作，使得窗口在该显示设备上以滑动和/或渐隐的方式消失；对应的，在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式显示加载该窗口，窗口交互完成。

采用对窗口的大小、形状、颜色或在窗口内添加标记中的一种或多种方式来改变窗口的视觉效果，以此来提醒用户该窗口可以触发交互操作，给用户良好的使用体验。

与现有技术相比，本发明技术方案的有益效果是：使用户在多个显示设备间拖动窗口或执行其它操作时，界面的交互方式更简洁直观，更容易被理解，同时能够给用户视觉引导，提升用户体验。

附图说明

图1为采用本发明实现两个屏幕窗口交互的示意图。

具体实施方式

附图仅用于示例性说明，不能理解为对本专利的限制；

为了更好说明本实施例，附图某些部件会有省略、放大或缩小，并不代表实际产品的尺寸；

对于本领域技术人员来说，附图中某些公知结构及其说明可能省略是可以理解的。

下面结合附图和实施例对本发明的技术方案做进一步的说明。

实施例1

屏幕A和屏幕B是两个独立的显示设备（如图1中的(a)），分别运行着两个独立的应用程序（或者一个应用程序的两个独立的端），分别有各自的鼠标或输入操作设备。其中，屏幕A离用户较远，屏幕B就在用户面前。用户需要编辑屏幕A上的窗口，为了方便操作，用户希望该窗口能在屏幕B上编辑，于是需要把窗口从屏幕A转移至屏幕B。本实施例通过在屏幕边缘添加一个“接收器”及衔接动画，使窗口从屏幕A到屏幕B的转移过程显得十分自然而流畅，从视觉上给人良好的引导。

用户实现该操作的方式十分简便，只需在屏幕A上通过鼠标将需要编辑的窗口拖拽至屏幕的底部（如图1中的(b)），一个弧形的接收器会从屏幕A的底部向上滑出（如图1中的(c)），最终停留在该窗口之上（如图1中的(d)）。接收器上的倒三角符号表示：该接收器将会带着窗口向下滑出屏幕A。如果用户此时松开鼠标按键，接收器便和窗口一起向下滑出屏幕A（如图1中的(e) - (h)）。与此同时，在屏幕B上，该窗口会由上往下滑进屏幕的显示区域，并最终停留在屏幕B上（如图1中的(h) – (i)）。窗口的转移过程结束。

以上案例是该交互方式的一个典型运用。值得注意的是，以上案例只是该交互方式的其中一种表现方式，不对本申请构成约束。本申请所述的交互方式还包括但不限于以下情况：

1.在本实施例中的屏幕A和屏幕B，可以是普通的电脑显示屏，也可以是手机屏幕，平板设备或者大型拼接显示屏的一部分。

2.屏幕A和屏幕B摆放的位置关系可以多种多样。所述案例中，屏幕A离用户较远，屏幕B离用户较近，反之亦然。也可以是屏幕A在左侧，屏幕B在右侧。相应的交互方式为：当屏幕A中的窗口被拖至右边缘时，接收器从右向左滑出，停在窗口上。此时用户松开鼠标按键，接收器则带着窗口向右滑出屏幕A。同时，在屏幕B上，该窗口会在左边缘由左往右滑进屏幕的显示区域。

3.接收器并非只能出现在屏幕的某一个特定边缘。例如在多台显示屏的环境中，窗口被拖至屏幕的上、下、左、右，任何一个边缘，接收器都可以从相应位置滑出，停留在窗口之上。再带着窗口一起从对应的边缘滑出。

4.接收器不一定是带倒三角符号的弧形标识，可以是其他任何形状的标识。

5.在上述案例中，在接收器从屏幕A的下边缘滑出并停留在窗口之上的时候，如果用户没有松开鼠标按键，则接收器将一直停留在窗口之上，不执行任何操作；如果用户没有松开鼠标按键的同时，拖着窗口沿下边缘左右移动，接收器也会随窗口一起移动；如果用户将窗口拖离了屏幕下边缘，则接收器由上往下滑出屏幕的下边缘，不执行任何操作。

6.在上述案例中，接收器滑入滑出的动画可以是线性的，也可以是有加速度的。

7.在上述案例中，滑入滑出并不是唯一的过渡动画方式，也可以是渐隐渐显等任意一种或几种过渡动画的叠加。

在本实施例中，所有的交互操作不一定是通过鼠标来实现，也可以是用手指或触摸笔在触摸屏上操作，或者其它任意的输入设备，接收器的触发和交互动画都和用鼠标操作的一致。

本发明可以运用在任何操作系统或平台上，如Windows，iOS，Linux操作系统或IE，Firefox，Chrome等浏览器。每一种系统和平台下的详细实现方式皆不一样。

以浏览器为例：需要在页面代码中加上监测由鼠标拖动的窗口到达屏幕边界的脚本。具体如下：在页面加载完成后，该脚本会读取当前拖动窗口的宽度和高度。以图1中的(a)-(i)为例，脚本会判断窗口上边缘距离屏幕上边缘的距离加上窗口的高度，是否大于或等于屏幕显示区域的高度，一旦条件满足时，说明窗口已被拖至屏幕底部，触发加载接收器及其滑出动画。同时，脚本会读取当前窗口左边缘距离屏幕左边缘的距离，并加上窗口宽度的一半，得出当前窗口的中心点X轴坐标。这一步计算的目的在于保证接收器弹出的位置，在X轴上始终是窗口的正中心位置；同时保证当窗口沿底边缘被拖动的时候，接收器始终能跟随窗口。

当接收器滑出动画加载完成后，脚本会判断两个条件：1.窗口始终在屏幕底部；2.鼠标按键被松开。当条件1不满足时，脚本会给接收器加载动画，让其向下滑出屏幕，不执行其它操作。当条件1满足但条件2不满足时，则不加载任何动画，持续监测鼠标按键是否被松开。当这两个条件都同时满足时，脚本加载滑出动画，让窗口及接收器滑出屏幕。同时，在需要显示该窗口的屏幕上加载窗口及其滑入动画。最终，窗口停留在对应的屏幕上，窗口转移交互过程完成。

在上述案例中，接收器可以是一张图片，也可以是任何代码（如SVG，HTML5 Canvas等）搭建的图形；滑入滑出的动画可以由CSS实现，也可以用脚本实现。

实施例2

一种用于多个显示设备间的窗口交互方法，是在N个独立的显示设备间进行窗口交互，N≥2，各个显示设备具有独立的输入操作设备；

通过对输入操作设备进行动作；将显示设备内需要进行交互的窗口拖动至该显示设备的边缘处，当窗口到达该显示设备的边缘处时，改变该窗口的颜色；对输入操作设备进行又一动作，使得窗口在该显示设备上以滑动和/或渐隐的方式消失；对应的，在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式显示加载该窗口，窗口交互完成。

实施例3

本方法不仅可通过接收器、改变窗口的颜色来提醒用户；还可以通过改变该窗口的大小、形状或颜色，或在窗口内添加标记等方式来提醒用户。

相同或相似的标号对应相同或相似的部件；

附图中描述的位置关系仅用于示例性说明，不能理解为对本专利的限制；

显然，本发明的上述实施例仅是为清楚地说明本发明所作的举例，而并非是对本发明的实施方式的限定。对于所属领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动。这里无需也无法对所有的实施方式予以穷举。凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明权利要求的保护范围之内。

Claims (6)

1.一种用于多个显示设备间的窗口交互方法，其特征在于，是在N个独立的显示设备间进行窗口交互，N≥2，各个显示设备具有独立的输入操作设备；

通过对输入操作设备进行动作；将显示设备内需要进行交互的窗口拖动至该显示设备的边缘处，在该边缘处加载设置一个接收器；对输入操作设备进行又一动作，使得窗口在该显示设备上以滑动和/或渐隐的方式消失；对应的，在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式显示加载该窗口，窗口交互完成；

所述接收器以滑动和/或渐显的方式，从显示设备的边缘处进入显示屏幕区域；

做窗口的中心点至显示设备边缘线的垂线，所述接收器位于垂线与边缘线的交点处。

2.根据权利要求1所述的用于多个显示设备间的窗口交互方法，其特征在于，当通过输入操作设备拖动窗口在显示设备边缘移动时，所述接收器也随着窗口在显示设备边缘移动。

3.根据权利要求2所述的用于多个显示设备间的窗口交互方法，其特征在于，所述输入操作设备为鼠标，对输入操作设备进行又一动作是指松开鼠标按键；

或输入操作设备为触摸设备。

4.根据权利要求2所述的用于多个显示设备间的窗口交互方法，其特征在于，所述显示设备为电脑显示屏，手机屏幕，平板设备或者大型拼接显示屏。

5.根据权利要求1所述的用于多个显示设备间的窗口交互方法，其特征在于，接收器上还设有交互标记，所述交互标记为倒三角型符号。

6.根据权利要求1所述的用于多个显示设备间的窗口交互方法，其特征在于，当窗口在显示设备上以滑动和/或渐隐的方式消失60%~70%时；在另一需要显示该窗口的显示设备上以滑动和/或渐显的方式显示加载该窗口，窗口交互完成。