VAPS XT入门教程14.14:多界面鼠标操作框架

系列索引:VAPS XT入门教程索引

上一篇:VAPS XT入门教程14.13:个性化按钮

方法可能有很多,但是百度根本搜索不到任何有用的东西,而且VAPS软件贵,软件开发的项目工程也贵,别人不可能随便把工程给你参考。我有幸接触到一个相关的工程,将其拆解后制作一个通用的框架。

本文介绍一个基于鼠标操作的窗口布局框架,布局中的每个窗口都可以随意拖动到任意位置。松开鼠标时,窗口会自动回到原位置。如果松开时鼠标所在的位置有另一个窗口,那么就交换两个窗口的显示的内容。每个窗口支持放大缩小调整。

演示效果

先看一下效果。

VAPS XT鼠标布局框架演示-B站

默认界面为:

default

架构图

在看一下架构图:

arch

  • 最上层的是用户操作,主要是鼠标操作。
  • 之后是界面布局,不同的界面按照不同的排列顺序、不同的大小形成不同的布局,使用时可以随意调整布局
  • 布局中的多个界面有不同的大小,涉及到布局调整,所以本文只涉及四种不同的大小:小、中、大、扩
  • 最底层的是最基本的窗口,本文涉及三个窗口,每个窗口有小中大扩四个不同状态。

交换窗口就是交换窗口的大小状态。

三个基本界面

本文用到三个界面组,每个界面组包含小中大扩展等四个不同的尺寸状态。

先创建空白的项目,然后添加一个子文件夹用于存放这些基本界面

displayframe

在DisplayFrame子目录下新建一个子目录,名称为One。

one

在One目录中添加四个图像对象(Graphical Object)分别对应大中小扩展四个不同尺寸状态

4ge

每个图像对象都有两个属性

名称类型功能
SizeCoord用于调整界面大小
IsVisibleBool设置界面是否显示

这里的界面大小Size指的是当前界面的大小,一旦设置了就不会再改变。这个Size是对于通用型框架来说的。如果是特定的项目工程,直接写死界面大小就可以了。

在每一个图像对象中添加用于显示的文字组件和图像组件

small

小号的1号窗口大小为320x320,字体大小为40,显示内容为1小。还有一个RectWidthHeight_1用于显示外部边框,不填充内部。

中号大小为640x640,大号为640x960,扩展为1280x640。

按照不同大小不同显示内容创建这样的12个图像对象。

gos

根据之前文章,完全可以写出本文所需要的工程。

运行

创建一个子文件夹,名称为Apps。在此文件夹内添加一个Format,名称为MouseMultiFrame。将上面的layout添加到里面。

app

右键选中MouseMultiFrame生成代码,编译运行。

按照视频操作就可以了(放大,返回,下拉、拖拽交换功能)。

结果

完整工程下载:MouseMultiFrame

下一篇:VAPS XT入门教程14.15:多界面触屏操作框架

技术交流群,欢迎加入讨论。这个圈子很小,大佬可能没兴趣加这些群聊社区之类的。所以只能带你入门,当然,欢迎大佬指导

qq 672991841


VAPS XT入门教程14.14:多界面鼠标操作框架
https://feater.top/vapsxt/vapsxt-multi-mouse-frame/
作者
JackeyLea
发布于
2021年5月12日
许可协议