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

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

上一篇:VAPS XT入门教程14.12:格式化字符串

按钮是VAPS XT设计中最常用的控件了,一般是矩形区域带文字或者图片,同时带有鼠标、触碰事件处理。

创建

创建一个图符通用控件,命名为CommonBtn,添加如下属性

properties

1、Position 控件位置
2、Color 文字颜色
3、isClicked 控件是否捕获到点击事件
4、isDbClicked 控件是否捕获到鼠标双击事件
5、Text 按钮控件显示的文字

同时添加事件

events

1、evClicked 点击事件
2、evDbClicked 双击事件
3、evReleased 鼠标释放事件

事件表示一个动作,名称(Name)并无限制。

打开控件实现,并调整添加控件

implementation

1、MutuallyExclusiveGroup 互斥组,组内的子组一次只能显示一个
1.1、包含一个图片控件和文字控件
1.2、包含一个图片控件和文字控件,与1.1的组互斥显示
2、RectActiveArea VAPS XT提供的鼠标事件捕获框架,可以捕获鼠标的点击、释放、双击事件

设置数据流(Data Flow)

implementation

将通过属性插入此控件的文字显示到界面。

在设置状态机转换流

implementation

如果RectActiveArea捕获到了鼠标点击、释放、双击事件,就向外发送信号,表示此控件触发了鼠标点击、释放、双击事件。

效果

按钮默认状态为

implementation

点击状态为

implementation

鼠标双击状态与点击状态一致。

说明

  • 按钮属于离散型控件,无法持续点击,也就是说使用时两次点击之间要明显停顿

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

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

qq 672991841


VAPS XT入门教程14.13:个性化按钮
https://feater.top/vapsxt/vapsxt-custom-button/
作者
JackeyLea
发布于
2021年5月6日
许可协议