CN104049875A - 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法 - Google Patents

一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法 Download PDF

Info

Publication number
CN104049875A
CN104049875A CN201410271482.4A CN201410271482A CN104049875A CN 104049875 A CN104049875 A CN 104049875A CN 201410271482 A CN201410271482 A CN 201410271482A CN 104049875 A CN104049875 A CN 104049875A
Authority
CN
China
Prior art keywords
event
mouse
viewing area
function
parameter
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410271482.4A
Other languages
English (en)
Other versions
CN104049875B (zh
Inventor
黄建玲
陈智宏
隋莉颖
王立勋
李伟
林文平
张永才
程磊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
BEIJING TRAFFIC INFORMATION CENTER
Original Assignee
BEIJING TRAFFIC INFORMATION CENTER
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by BEIJING TRAFFIC INFORMATION CENTER filed Critical BEIJING TRAFFIC INFORMATION CENTER
Priority to CN201410271482.4A priority Critical patent/CN104049875B/zh
Publication of CN104049875A publication Critical patent/CN104049875A/zh
Application granted granted Critical
Publication of CN104049875B publication Critical patent/CN104049875B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明涉及一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法，包括使用鼠标拖拽方式更改功能区内容的方法和使用鼠标拖拽的方式输入功能区参数的方法。使用鼠标拖拽方式更改功能区内容的方法，通过鼠标点击工具栏上功能图片的方式，将其拖入到功能显示区中，功能显示区中的内容立刻更改为功能图片所代表的功能；使用鼠标拖拽的方式输入功能区参数的方法，提供用户将某一功能区中的元素拖动到另一可以接收参数的功能区中，该功能区能够识别拖入的图标代表的参数含义并执行分析操作。本发明实现了由鼠标操作完成大屏幕显示的目的，为用户提供了良好的用户体验，解决了现有技术中存在的显示不同功能时各个大屏幕之间不能协调联动的问题。

Description

一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法
技术领域
本发明涉及一种适用多屏幕拼接的大屏幕显示方法，在大屏幕多功能块拼接显示环境下，通过鼠标拖动的方式，改变显示区域功能块的内容，或者通过鼠标拖动的方式，输入功能显示块参数的操作方法。
背景技术
大屏幕拼接显示***在电信网络管理、公安交警指挥、交通监控管理、军事作战指挥训练、工业生产调度等多个领域的控制室中得到了广泛的应用，它能够集中显示来自RGB,Video和网络等多种不同信号源的信号，以满足用户大面积显示各种共享信息和综合信息的需求。大屏幕显示***主要用于显示视频图像、计算机和工作站图像、网络信息图像等。这些信息的显示方式可以是单屏显示、任意开窗、任意漫游，满屏显示等。但每个行业情况不同，应用的方式各有特点。如某部门应急指挥大厅中的大屏幕由4×2的100寸屏幕组成。在现有的应用模式下，计算机屏幕的内容投影到每一块屏幕或者最多4块屏幕组合上。在使用过程中，需要监控的数据和检索的资源众多，因此，大屏幕上经常投影多个计算机屏幕，以达到监控目的。但是带来的问题也是显而易见的，各个屏幕之间的功能不能够互相沟通，切换监控内容也需要通过硬件切换屏幕来实现。
为了解决上述问题，极端天气道路交通保障平台为应急指挥大厅中的由多块屏幕组成的大屏幕提供专门的大屏模式。大屏模式采用一个计算机安装2个视频输出信号的方式，在8块大屏幕上，投影了一个计算机的超宽桌面。保障平台的大屏模式针对超宽桌面的分辨率开发，能够在大屏幕上完美地显示平台内容。在应急保障平台的大屏模式下，平台将极端天气下应急指挥所需要的实时监测的信息、需要检索的资源和地图等，分块在大屏幕上显示。本发明提出的方法就是在上述环境下实现多屏幕拼接的大屏幕显示。
发明内容
针对现有技术中存在的上述问题，本发明提供一种通过鼠标拖拽方式操作大屏幕功能显示以及输入功能显示区参数的显示方法，实现多屏幕拼接的大屏幕显示。
为实现上述目的，本发明采用以下技术方案。
一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法，通过flex(flex是支持RIA(RichInternet Applications)的开发和部署的一系列技术组合)的drag manager(拖拽管理)组件、大屏功能显示控制器和事件分发引擎技术实现。drag manager组件控制鼠标拖动图片并判断拖入到哪个flex组件中；大屏功能显示控制器控制大屏模式显示区域的内容；事件分发引擎接收和广播***生成的事件。所述方法包括使用鼠标拖拽方式更改功能区内容的方法和使用鼠标拖拽的方式输入功能区参数的方法，其中，
使用鼠标拖拽方式更改功能区内容的方法包括以下步骤：
步骤1，用户鼠标左键点击工具栏上相关功能的图标，并按住鼠标将其拖动。
步骤2，***调用drag manager组件移动图标，并向事件分发引擎发送工具栏功能图片移动事件。
步骤3，事件分发引擎接收事件，并将该事件向所有的功能显示区广播。
步骤4，功能显示区接收事件，能够接收该类型事件的功能显示区将自身半透明显示；不能接收该类型事件的显示区忽略该事件。
步骤5，用户拖动图标进入可以接收该功能的功能显示区域并释放鼠标左键。
图标进入可以接收该功能的功能显示区域时，拖动图标的左下角由绿色勾号显示；否则显示红色的禁止符号。
步骤6，***获取拖入的功能显示区标识，将功能图标所携带信息一起封装成更改显示区内容事件，并发送至事件分发引擎。
步骤7，事件分发引擎接收事件，并向所有功能显示区广播该事件。
步骤8，接收到事件的显示区比对显示区标识，如果与自身一致，则读取事件内容，调用相应的功能显示模块显示；否则，忽略该事件。
使用鼠标拖拽的方式输入功能区参数的方法包括以下步骤：
步骤1，用户鼠标点击功能显示区中实现了拖动功能的图标元素。
步骤2，***调用drag manager移动图标，并封装成输入参数事件向事件分发引擎发送。
步骤3，事件分发引擎接收事件，对所有功能显示区广播事件。
步骤4，如果显示区能够接收所述参数事件，接收事件并将自身半透明显示；否则，忽略事件。
步骤5，用户移动图标至功能显示区中，放开鼠标左键。
步骤6，***封装目标功能显示区标识以及参数事件中所携带参数成新的参数事件，并发送至事件分发引擎。
步骤7，事件分发引擎接收所述参数事件，并向各显示区广播事件。
步骤8，如果显示区与所述事件中显示区标识一致，响应事件；否则忽略所述事件。
使用鼠标拖拽方式更改功能区内容的方法，通过鼠标点击工具栏上功能图片的方式，将其拖入到功能显示区中，功能显示区中的内容立刻更改为功能图片所代表的功能；使用鼠标拖拽的方式输入功能区参数的方法，提供用户将某一功能区中的元素拖动，如积滞水监测功能中的积滞水监测站图标元素，拖动到另一可以接收参数的功能区中，如智能分析功能区中，该功能区能够识别拖入的图标代表的参数含义并执行分析操作。
与现有技术相比，本发明具有以下明显的优势：
现有的大屏幕显示方式和普通计算机桌面上的显示方式并没有什么不同。但是由于大屏幕显示的特殊性，在大屏幕上操作时应当突出尽量使用鼠标就可以操作的特点。本发明通过使用鼠标拖拽方式更改功能区内容，或使用鼠标拖拽方式输入功能区参数，实现了由鼠标操作完成大屏幕显示的目的，为用户提供了良好的用户体验。更重要的是，本发明打通了各个屏幕显示功能之间的联系，将各个屏幕构成了一个真正的整体，使得应用更流畅，解决了现有技术中存在的显示不同功能时各个大屏幕之间不能协调联动的问题。
附图说明
图1为使用鼠标拖拽方式更改功能区内容的方法流程图；
图2为鼠标拖动菜单栏到显示区域示意图；
图3为鼠标拖放完成后显示区域示意图；
图4为使用鼠标拖拽的方式输入功能区参数的方法流程图；
图5为鼠标拖动显示区元素示意图；
图6为鼠标拖动元素到目标区域示意图；
图7为鼠标拖放完成后目标区域反应示意图。
具体实施方式
下面结合附图和具体实施方式对本发明做进一步说明。
具体实施方式以北京市交通委应急指挥大厅极端天气道路交通保畅综合应用平台中的指挥大屏模式为例。
北京市交通委极端天气道路交通保畅综合应用平台，是为解决在极端天气下提供交通保畅服务的应用***平台。交通委应急指挥大厅是在极端天气发生时，应急交通指挥部的所在。应用***平台为应急指挥大厅提供了大屏应用模式，为应急指挥服务。应急指挥大厅是由4X2的100寸大屏幕组成，由大屏控制器将一台计算机的屏幕投影到大屏幕上。综合应用平台应用服务器为一台浪潮英信NF5280M2服务器，数据库为2台浪潮英信NF8650M2服务器双机。连接大屏幕的计算机通过浏览器访问应用***的大屏模式，大屏控制器将计算机的屏幕投送到大屏幕上。
基于事件驱动的适用多屏幕拼接的大屏幕显示方法包括以下步骤：
步骤1：客户端桌面环境准备。
连接大屏幕的计算机需要进行配置以适合大屏幕显示。首先需要将计算机更换成支持双输出的显卡，接到两根VGA输出上。将4X2的大屏幕分成左右两部分，分别对应计算机的两个输出。将计算机的分辨率调整到最适合大屏幕的3200X1600分辨率上。
步骤2：实现用鼠标拖动改变功能区内容。
使用鼠标拖拽方式更改功能区内容的方法流程图如图1所示，具体方法如下：
步骤2.1用户在工具栏功能图标上按下鼠标左键。
步骤2.2***记录鼠标左键按下图标所代表功能ID，并向事件分发引擎发送鼠标拖动事件。
步骤2.3事件分发引擎对所有组件广播事件。
步骤2.4***可以接收该拖动事件类型的功能组件半透明显示。
步骤2.5用户拖动图标，如图2所示，黑框中的“气象监测”图标随鼠标在屏幕上移动。
步骤2.6用户将图标拖入到功能组件区域后，放开鼠标左键，***向事件分发引擎发送鼠标放开事件，事件中包含拖入区域ID。
步骤2.7事件分发引擎广播事件到各功能组件。
步骤2.8接收到事件的显示区比对显示区标识，如果与自身一致，则读取事件内容调用相应的功能显示模块显示，如图3所示，功能区将“气象监测”功能调用显示；否则，忽略该事件。
步骤3：实现用鼠标拖动输入功能区参数。
使用鼠标拖拽的方式输入功能区参数的方法流程图如图4所示，具体方法如下：
步骤3.1用户鼠标点击功能显示区中实现了拖动功能的图标元素。如图5所示，图标元素随鼠标在屏幕上移动。
步骤3.2调用drag manager移动图标，并封装成输入参数事件向事件分发引擎发送。
步骤3.3事件分发引擎接收事件，对所有功能显示区广播事件。
步骤3.4如果显示区能够接收所述参数事件，接收事件并将自身半透明显示；否则，忽略事件。
步骤3.5用户移动图标至功能显示区中，如图6所示，用户放开鼠标左键。
步骤3.6***封装目标功能显示区标识以及参数事件中所携带参数成新的参数事件，并发送至事件分发引擎。
步骤3.7事件分发引擎接收所述参数事件，并向各显示区广播事件。
步骤3.8如果显示区与所述事件中显示区标识一致，则响应事件，如图7所示，接收到时间后，功能框中功能执行相应的操作，弹出分析结果对话框；否则忽略所述事件。

Claims (3)

1.一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法，通过flex的drag manager组件、大屏功能显示控制器和事件分发引擎技术实现；drag manager组件控制鼠标拖动图片并判断拖入到哪个flex组件中；大屏功能显示控制器控制大屏模式显示区域的内容；事件分发引擎接收和广播***生成的事件；其特征在于，所述方法包括使用鼠标拖拽方式更改功能区内容的方法和使用鼠标拖拽的方式输入功能区参数的方法，其中，
使用鼠标拖拽方式更改功能区内容的方法包括以下步骤：
用户鼠标左键点击工具栏上相关功能的图标，并按住鼠标将其拖动；
***调用drag manager组件移动图标，并向事件分发引擎发送工具栏功能图片移动事件；
事件分发引擎接收事件，并将该事件向所有的功能显示区广播；
功能显示区接收事件，能够接收该类型事件的功能显示区将自身半透明显示；不能接收该类型事件的显示区忽略该事件；
用户拖动图标进入可以接收该功能的功能显示区域并释放鼠标左键；
图标进入可以接收该功能的功能显示区域时，拖动图标的左下角由绿色勾号显示；否则显示红色的禁止符号；
***获取拖入的功能显示区标识，将功能图标所携带信息一起封装成更改显示区内容事件，并发送至事件分发引擎；
事件分发引擎接收事件，并向所有功能显示区广播该事件；
接收到事件的显示区比对显示区标识，如果与自身一致，则读取事件内容，调用相应的功能显示模块显示；否则，忽略该事件；
使用鼠标拖拽的方式输入功能区参数的方法包括以下步骤：
用户鼠标点击功能显示区中实现了拖动功能的图标元素；
***调用drag manager移动图标，并封装成输入参数事件向事件分发引擎发送；
事件分发引擎接收事件，对所有功能显示区广播事件；
如果显示区能够接收所述参数事件，接收事件并将自身半透明显示；否则，忽略事件；
用户移动图标至功能显示区中，放开鼠标左键；
***封装目标功能显示区标识以及参数事件中所携带参数成新的参数事件，并发送至事件分发引擎；
事件分发引擎接收所述参数事件，并向各显示区广播事件；
如果显示区与所述事件中显示区标识一致，响应事件；否则忽略所述事件。
2.根据权利要求1所述的一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法，其特征在于，所述使用鼠标拖拽方式更改功能区内容的方法，通过鼠标点击工具栏上功能图片的方式，将其拖入到功能显示区中，功能显示区中的内容立刻更改为功能图片所代表的功能。
3.根据权利要求1所述的一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法，其特征在于，所述使用鼠标拖拽的方式输入功能区参数的方法，提供用户将某一功能区中的元素拖动到另一可以接收参数的功能区中，所述功能区能够识别拖入的图标代表的参数含义并执行分析操作。
CN201410271482.4A 2014-06-18 2014-06-18 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法 Expired - Fee Related CN104049875B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410271482.4A CN104049875B (zh) 2014-06-18 2014-06-18 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410271482.4A CN104049875B (zh) 2014-06-18 2014-06-18 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法

Publications (2)

Publication Number Publication Date
CN104049875A true CN104049875A (zh) 2014-09-17
CN104049875B CN104049875B (zh) 2018-04-06

Family

ID=51502821

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410271482.4A Expired - Fee Related CN104049875B (zh) 2014-06-18 2014-06-18 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法

Country Status (1)

Country Link
CN (1) CN104049875B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105353961A (zh) * 2015-11-18 2016-02-24 福建星网锐捷安防科技有限公司 管理多屏漫游的方法及***
CN111556289A (zh) * 2020-04-20 2020-08-18 西安万像电子科技有限公司 图像分发方法和***
CN112947815A (zh) * 2021-04-27 2021-06-11 北京仁光科技有限公司 多窗***互方法、***、可读存储介质和电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102004610A (zh) * 2010-12-02 2011-04-06 无敌科技(西安)有限公司 以拖曳行为执行或结束程序的使用者界面、***及其方法
CN102150120A (zh) * 2008-09-08 2011-08-10 高通股份有限公司 通过拖曳跨越多个屏幕而在图标与应用程序窗口之间切换
US20120092280A1 (en) * 2010-10-14 2012-04-19 Kyocera Corporation Electronic device, screen control method, and storage medium storing screen control program
CN102457617A (zh) * 2010-10-18 2012-05-16 Lg电子株式会社 移动终端以及在其中管理对象相关信息的方法
CN103858086A (zh) * 2011-10-04 2014-06-11 高通股份有限公司 （多重）多显示器设备中的应用窗口位置和尺寸控制

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102150120A (zh) * 2008-09-08 2011-08-10 高通股份有限公司 通过拖曳跨越多个屏幕而在图标与应用程序窗口之间切换
US20120092280A1 (en) * 2010-10-14 2012-04-19 Kyocera Corporation Electronic device, screen control method, and storage medium storing screen control program
CN102457617A (zh) * 2010-10-18 2012-05-16 Lg电子株式会社 移动终端以及在其中管理对象相关信息的方法
CN102004610A (zh) * 2010-12-02 2011-04-06 无敌科技(西安)有限公司 以拖曳行为执行或结束程序的使用者界面、***及其方法
CN103858086A (zh) * 2011-10-04 2014-06-11 高通股份有限公司 （多重）多显示器设备中的应用窗口位置和尺寸控制

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105353961A (zh) * 2015-11-18 2016-02-24 福建星网锐捷安防科技有限公司 管理多屏漫游的方法及***
CN105353961B (zh) * 2015-11-18 2019-01-29 福建星网物联信息***有限公司 管理多屏漫游的方法及***
CN111556289A (zh) * 2020-04-20 2020-08-18 西安万像电子科技有限公司 图像分发方法和***
CN111556289B (zh) * 2020-04-20 2024-05-17 西安万像电子科技有限公司 图像分发方法和***
CN112947815A (zh) * 2021-04-27 2021-06-11 北京仁光科技有限公司 多窗***互方法、***、可读存储介质和电子设备

Also Published As

Publication number Publication date
CN104049875B (zh) 2018-04-06

Similar Documents

Publication Publication Date Title
KR20210091074A (ko) 교통 모니터링 방법, 장치, 기기 및 저장매체
CN102930393A (zh) 一种电网信息综合展示可视化***
CN105243592A (zh) 一种车险智能报价投保***及方法
CN102436339A (zh) 模式对话框的显示控制方法及装置
CN103312814B (zh) 云管理平台和虚拟机终端用户间vnc隐通道的建立方法
CN103226454A (zh) 一种实现多屏显示的方法及***
CN103677539A (zh) 界面调整方法与装置
CN104933880A (zh) 一种适用于大屏幕高清显示的交通指挥***搭建方法
CN103631598A (zh) 一种界面整合方法及其***
CN103064646B (zh) 一种拼接墙显示方法及装置
CN103517035A (zh) 一种智能园区安防全景监控***与方法
CN107817777A (zh) 一种电站集控操作台二三维及视频画面联动监控***
CN104049875A (zh) 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法
CN104244029A (zh) 具有远程截屏功能的广告机***及其方法
CN103942026A (zh) 多屏幕集中控制方法及***
CN104050244A (zh) 一种应用于电网的掌上雷击查询***
CN103164142B (zh) 一种画中画界面下屏幕触点位置的调整方法及电子设备
CN103442212A (zh) 网络安防综合预警式管理***平台
CN106155462A (zh) 一种界面交互方法及装置
CN103561239A (zh) 一种现场作业视频监控方法
CN105915598A (zh) 一种多类型屏幕的广告传输展示装置及方法
CN109164962B (zh) 一种推播图像之轮廓信息的方法
CN101344834B (zh) 一种在拼墙上跟踪地图热点资源的方法
CN111081156B (zh) 一种智慧城市综合数据看板平台
CN103279268A (zh) 一种基于受控终端列表的互动方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
CF01 Termination of patent right due to non-payment of annual fee
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20180406

Termination date: 20210618