【第四篇】用 Qt 实现电子白板

        本文是 《Qt 框架性开发实践——组件实战篇》的第一篇。

        本文所讲的内容已经开源,你可以在这个 Github 地址 找到源代码。 


        在本篇中,我们要实现一种类似 PPT 的演示工具——电子白板,与 PPT 一样,电子白板也可以按页面组织演示的内容,在演示中切换页面。但是,电子白板相对更灵活一些,没有固定的演示流程,你可以在演示中任意跳转到某个页面,也可以随意拖动,或者临时添加、删除、编辑白板里的某些内容。

        我们先看一下白板页面的展示效果。

【第四篇】用 Qt 实现电子白板_第1张图片

        在这张图里面,白板页面容纳了多种多样的内容(也称为资源),比如图片、声音、视频,网页,也有文字、几何图形。

        我们还可以扩展更多的资源类型,让他们在白板中展示出来。但是,我们得现实现一个白板的框架,然后才能添加具体的资源展示模块。

白板框架

        白板框架包含哪些东西呢?

        从基础到用户界面,应该主要有下面这四部分。             

【第四篇】用 Qt 实现电子白板_第2张图片

         最基础的“系统层”,需要实现对资源文件数据的访问、缓存。一般通过 HTTP 访问后端文件服务,将文件缓存在本地 LRU 存储中(UrlFileCache),提高重复使用的效率。信息服务是用来实现远程演示的操作同步(此时还没有实现)。

        中间的“数据层”,则是实现对演示内容数据的管理。一个演示的所有内容通过一个“包”(ResourcePackage)来组织,包里面包含若干个页面(ResourePage),页面里面包含的就是各种资源了(Resource)。这里还有一个叫做资源视图(ResourceView)的类,它是用来直观的在内存中表示资源的各种属性、数据,方便操作。

        再上面的“展示层”,则是实现对演示资源的展示,其实与数据层对应的。整个演示位于画布中(WhiteCanvas),一个画布同时只能展示一个包。画布位于的场景是类似 Qt 的 QGraphicScene 的概念。画布中包含的一个图层(PageCanvas)可以容纳一个演示页面,会有多个图层(后面会介绍具体有哪些图层)。然后就是资源对应的控件(Control)了,控件就是用来展示资源的。当然,不同类型的资源会用不同的类型控件来展示。

        最后的“交互层”,就是实现通常的演示交互了。一般针对某个资源的交互有:上下文菜单,选中后操作(平移,缩放,旋转),以及具体资源相关的编辑操作。针对页面,则主要是页面切换操作。对于画布,还有画布的平移,缩放操作,以及场景的小窗、全屏切换。

        以上就是实现电子白板需要搭建的基本框架了,我们会重点介绍与这里面几个与 Qt 相关的开发技术,至于与 Qt 不太相关实现细节,则不准备详细分析,需要了解具体的实现代码可以按照上面类型名称在代码仓库中寻找。

        列一下实现电子白板所使用的关键 Qt 技术:

  • 网络文件下载
  • 界面与数据的绑定
  • Graphics 场景交互
  • Graphics 二维变换
  • Graphics 图像绘制
  • 文档化功能开发

你可能感兴趣的:(Qt,框架性开发实践,qt,c++)