TouchGFX学习笔记3:标签按钮、图标按钮、开关按钮和单选按钮

一、按钮介绍

1.1 标签按钮:

        在Button的基础上添加文本显示,可以提示该按钮的功能,例如在按钮上显示开灯/关灯字样。

1.2 图标按钮:

        可以在按钮上贴上图标,使按钮更美观,例如在按钮上贴一个灯泡,提示该按钮用于灯泡开关。

1.3 开关按钮:

        以上的按钮只有在按下时才会被选中,当松开按钮时就会失去按下的功能,有没有一种按钮只需要按一下就能一直打开呢,这就需要用到开关按钮,按一下就可以改变状态,直到下一次按下。

1.4 单选按钮:

        可以在多个选项中选择其中一个按钮,例如选择串口波特率等情况。

二、功能实现

2.1 标签按钮和图标按钮

        在Designer中添加标签按钮和图标按钮,如图中显示的,并添加交互,改变box1颜色,标签按钮将box颜色变为黑色,再使用图标按钮将颜色变回白色。生成代码,编译即可运行查看效果。

2.2 开关按钮

        添加开关按钮,并添加交互,当按钮触

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值