一种基于触控操作的多窗口内容混排和高效协作的UI架构制造技术

一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档；第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享；本发明专利技术可以统一多内容显示和操作在一个界面下，减少各应用窗口频繁切换，效率低下的问题，提高了应用场景的便利性，也显著降低应用系统成本等的优点。的优点。的优点。

【技术实现步骤摘要】
一种基于触控操作的多窗口内容混排和高效协作的UI架构


[0001]本专利技术涉及一种计算机技术，尤其是一种计算机显示技术，具体地说是一种基于触控操作的多窗口内容混排和高效协作的UI架构，它实现了多内容混合排列、高效协作的UI架构，在一个界面上，利用触控和手势，优化内容排列和协作流程，并能在双屏环境下展现内容。

技术介绍

[0002]目前，随着数字化时代的到来以及软硬件技术的发展，各行各业都在积极拥抱无纸化办公，面对越来越多的数据，围绕效率提升，在资料分享、数据挖掘、团队协作方面越来越受到企事业领导部门的重视。在日常办公中，最为聚焦的是各种会议场景的开会效率，近年来，通过在会议室系统建设和投入，通过硬件设备升级，在这方面有了一些解决方法，但硬件堆砌的方案依然存在以下缺点：一、多人会议时，基于PC的数据分享需要不停切换电脑画面到显示设备上。信号切换和对接影响效率，硬件故障也时有发生；二、讨论型会议需要同时展现更多数据做对比分析，这些数据的来源也比较分散，无法同时展现这些数据。
[0003]三、会议过程的纪要、会议结果留存、分享依然停留在比较原始的阶段。

技术实现思路

[0004]本专利技术的目的是针对现有的UI界面不能在协作会议／教育培训场景时实现多种数据资料的频繁分享，无法将不同应用、不同类型的数据集中显示和分享需要来回切换，进而造成使用不便的问题，提供一种基于触控操作的多窗口内容混排和高效协作的UI架构。
[0005]本专利技术的技术方案是:一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档（PDF、Office）；第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。
[0006]具体包括以下步骤：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、浏览器窗口、视频、图片和文档（PDF、Office）；第二步，基础服务根据策略，自动接收／打开各种信号，并以统一的接口通知到上层应用程序；
第三步，上层触控交互程序，链接到基础服务，对接入系统中的各种程序窗口、信号、文档进行显示和控制；第四步，在统一的UI操作界面上，通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享；第五步，设计轻量白板和批注工具，随时批注、随时白板书写，记录会议过程并可扫描分享给参与者；本专利技术的有益效果是：在统一的UI操作界面上，对多种信号／投屏窗口／视频／文档／浏览器窗口进行混合排列显示和控制，并能根据用户／设备类型进行分类切换。其基于触控和手势的操作方式，特别符合用户对大屏的操作习惯，在统一的操作界面上，再结合白板、批注和截屏小工具，以及优化的过程动画，给用户流畅、高效的操作体验。
附图说明
[0007]图1是本专利技术的UI界面示意图之一。
[0008]图2是本专利技术的UI界面示意图之二。
[0009]图3是本专利技术的触控手势切换示意图。
[0010]图4是本专利技术的自动布局排列示意图。
[0011]图5是本专利技术超时自动隐藏后的界面示意图。
[0012]图6是本专利技术选择显示界面示意图。
[0013]图7是本专利技术点击+号后系统功能按钮示意图。
[0014]图8是本专利技术的双屏显示UI架构示意图。
具体实施方式
[0015]下面结合具体的UI设计示意图对本专利技术作进一步的说明。
[0016]如图1-8所示。
[0017]一种基于触控操作的多窗口内容混排和高效协作的UI架构，在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档（PDF、Office）；第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。
[0018]本专利技术UI设计提供两种界面：一是启动时的界面，当程序启动时或者屏幕上没有任何窗口内容时（等待３０秒后自动切换）或者重新开启一次新的会议时的界面，界面提供基本信息和快捷入口。UI设计示意图如图1。
[0019]启动页面提供了当前会议室的一些基本信息，包括当前会议室的预约信息，同时提供了最常用的应用入口，包括浏览器、书写白板和视频会议程序。右侧的二维码用于微信
小程序／手机APP扫描接入当前会议设备。
[0020]在启动页面快捷入口启动程序或者在空白处点击，就会自动进入主操作界面。
[0021]二是主操作界面，是主要工作界面，所有的信号/文件窗口的操作都在这个界面下完成。界面的UI设计如图2所示。
[0022]主界面整体布局包括顶部、中间和底部三块内容，辅助布局包含左侧浮动边栏面板（隐式）：1. 顶部可显示产品LOGO，会议室名称、PIN码信息以及当前时间。
[0023]2. 中间部分为多窗口显示区域，用于显示信号/窗口/文档内容。显示区域提供自动布局功能，可根据数量自动排列窗口。
[0024]3. 底部区域为功能区，包括分享人、功能（+）和设置，可点击相应的按钮展开相应的功能面板。
[0025]4. 左侧浮动面板缺省不可见，可从左侧边缘滑动呼出，左侧浮动面板用于显示当前隐藏的窗口。
[0026]主界面支持鼠标和触控手势操作，下面就触控手势作进一步描述：如图3所示，基于手势，可实现窗口的位置交换、隐藏、关闭、全屏/退出全屏等操作；也可以划出隐藏区，展开功能区操作；全屏对象会覆盖整个屏幕，在全屏模式下支持对画面手势缩放和旋转操作。
[0027]关于自动布局的设计，考虑触控屏幕的宽高比，针对每一路信号做如图4所示的排列设计。
[0028]考虑到性能问题，设计时允许最多20路的窗口显示，超过20路的窗口将自动隐藏。可通过划出隐藏区，拖拽缩略图对象进行交换。
[0029]处在显示区域中的对象，设计上以不同的颜色来区分不同的分享人，每个窗口的左上角显示内容信息，可点击选择窗口，选择后底部自动出现控制条（随窗口类型的不同而不同），如果不进行操作，过5秒后自行隐藏，如图5所示。
[0030]在屏幕底部功能区域，点击“分享人”按钮，可以列出当前有哪些人分享了内容，分享人的信息包括名称和设备类型图标并用不同的颜色描边。可根据分享人来快速切换窗口，包括全部关闭、全部隐藏、全部显示以及仅显示当前分享人窗口，如图6所示。
[0031]点击“+”功能按钮，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于触控操作的多窗口内容混排和高效协作的UI架构，其特征是在触控屏上，实现有线/无线显示信号、窗口、视频、图片、文档的多内容自动混合排列与高效协作：第一步，首先构建基础服务，聚合多种内容来源，包括有线采集信号、无线投屏画面、电脑桌面/程序窗口、视频、图片和文档；第二步，在触控屏上创建触控交互程序，链接到基础服务，对系统中的各种程序窗口、信号、文档进行显示和控制；第三步，统一UI操作界面，在一个界面上通过对触控/手势的支持，高效处理多内容混排、多应用协作和分享。2.根据权利要求1所述的方法，其特征是它包...

【专利技术属性】
技术研发人员：高翔，马成信，
申请(专利权)人：南京高盛魔笛信息科技有限公司，
类型：发明
国别省市：