VAPS XT入门教程14.14:多界面鼠标操作框架
系列索引:VAPS XT入门教程索引
方法可能有很多,但是百度根本搜索不到任何有用的东西,而且VAPS软件贵,软件开发的项目工程也贵,别人不可能随便把工程给你参考。我有幸接触到一个相关的工程,将其拆解后制作一个通用的框架。
本文介绍一个基于鼠标操作的窗口布局框架,布局中的每个窗口都可以随意拖动到任意位置。松开鼠标时,窗口会自动回到原位置。如果松开时鼠标所在的位置有另一个窗口,那么就交换两个窗口的显示的内容。每个窗口支持放大缩小调整。
演示效果
先看一下效果。
默认界面为:
架构图
在看一下架构图:
- 最上层的是用户操作,主要是鼠标操作。
- 之后是界面布局,不同的界面按照不同的排列顺序、不同的大小形成不同的布局,使用时可以随意调整布局
- 布局中的多个界面有不同的大小,涉及到布局调整,所以本文只涉及四种不同的大小:小、中、大、扩
- 最底层的是最基本的窗口,本文涉及三个窗口,每个窗口有小中大扩四个不同状态。
交换窗口就是交换窗口的大小状态。
三个基本界面
本文用到三个界面组,每个界面组包含小中大扩展等四个不同的尺寸状态。
先创建空白的项目,然后添加一个子文件夹用于存放这些基本界面
在DisplayFrame子目录下新建一个子目录,名称为One。
在One目录中添加四个图像对象(Graphical Object)分别对应大中小扩展四个不同尺寸状态
每个图像对象都有两个属性
名称 | 类型 | 功能 |
---|---|---|
Size | Coord | 用于调整界面大小 |
IsVisible | Bool | 设置界面是否显示 |
这里的界面大小Size指的是当前界面的大小,一旦设置了就不会再改变。这个Size是对于通用型框架来说的。如果是特定的项目工程,直接写死界面大小就可以了。
在每一个图像对象中添加用于显示的文字组件和图像组件
小号的1号窗口大小为320x320,字体大小为40,显示内容为1小
。还有一个RectWidthHeight_1用于显示外部边框,不填充内部。
中号大小为640x640,大号为640x960,扩展为1280x640。
按照不同大小不同显示内容创建这样的12个图像对象。
根据之前文章,完全可以写出本文所需要的工程。
运行
创建一个子文件夹,名称为Apps。在此文件夹内添加一个Format,名称为MouseMultiFrame。将上面的layout添加到里面。
右键选中MouseMultiFrame生成代码,编译运行。
按照视频操作就可以了(放大,返回,下拉、拖拽交换功能)。
结果
完整工程下载:MouseMultiFrame
下一篇:VAPS XT入门教程14.15:多界面触屏操作框架
技术交流群,欢迎加入讨论。这个圈子很小,大佬可能没兴趣加这些群聊社区之类的。所以只能带你入门,当然,欢迎大佬指导