VAPS XT开发入门教程38:个性化按钮

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

上一篇:VAPS XT开发入门教程37:实现界面双击放大和拖拽移动

按钮是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开发入门教程39:带单位文本

如果你有问题,如果是简单的问题可以发邮件给免费解惑,如果涉及难问题或者需要提供附加的服务(比如授权、大工程集成编译、多分区相关,或者作为中间商联系Presagis)可以联系上海亥伯智能科技有限公司 邮箱


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