首页 论坛 嵌入式软件专区 touchgfx gui 转载TouchGFX中Flex Button按键的简单实用方法
发帖
回复
-
- Vsbdcnkldns Vas
-
17 发帖14 回复305 积分
- 私信他 + 关注
楼主
与Button小部件不同，它在释放状态下触发事件并具有按下和释放状态的图像，而FlexButton 是一种小部件，可以通过将一种类型的触发器与多达四个来自TouchGFX Designer的可视元素进行组合来配置。
本文介绍如何FlexButton 通过TouchGFX Designer 使用和自定义窗口小部件。
TouchGFX Designer中的按钮小部件概述
这是有关Buttons系列的文章：
- 纽扣
- 单选按钮
- 弹性按钮
重要属性
| 触发 |
A FlexButton可以在四个不同的触发器之间进行选择：
|
| 视觉元素 |
阿FlexButton可以选择多达 四种不同的视觉元素：
|
| 互动互动 | 通过向FlexButton应用程序画布中添加，开发人员可以访问交互触发器：“单击按钮”。 |
使用C ++模板配置触发器和可视元素。的FlexButton1个触发器和4种不同的视觉效果如：可使用最多达5个嵌套模板来构建
touchgfx :: ImageButtonStyle < touchgfx :: IconButtonStyle < touchgfx :: TextButtonStyle < touchgfx :: BoxWithBorderButtonStyle < touchgfx :: ClickButtonTrigger>>>> flexButton1;
用法
扳机
FlexButton的触发类型会影响内部处理触摸事件的方式。有4种不同的触发器类型可供选择，以适合您要寻找的行为：
- 触摸（按下事件）
- 点击（已发布事件）
- 切换（已发布事件）
- 重复（计时器事件）
触发方式
视觉元素
FlexButton最多支持四个可视元素，这些可视元素遵守可配置的z顺序（您可以通过按上/下箭头来移动可视元素的z顺序）。以下是使用所有4种可用视觉元素的示例。此弹性按钮的Z顺序会导致文本绘制在最上方，然后是图标，然后是图像，然后是带有边框的框：
视觉元素的Z顺序
每个视觉元素都有针对“已按下”和“释放”状态的可配置选项，带有边框视觉元素的图像和框具有将弹性按钮的尺寸锁定为视觉元素尺寸的选项。
视觉元素属性
使用以上配置设置“ Flex按钮”并运行模拟器应会产生如下图所示的图像：
Flex按钮释放状态
在模拟器运行时按下按钮会导致每个可视元素的状态更改为其按下状态，如下所示：
弹性按钮按下状态
回复
举报
-
- Vsbdcnkldns Vas
-
17 发帖14 回复305 积分
- 私信他 +关注
-
- 0000000000000000
-
1888 发帖7917 回复34980 积分
- 私信他 +关注
块
导
航
举报
请选择举报类别
- 广告垃圾
- 违规内容
- 恶意灌水
- 重复发帖
