淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

时间:2024-03-31 09:39:55

一、按钮控件

1、新建一个按钮控件,注意:b+数字开头的为按钮控件,这是控件的名称,你可以自己修改

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

2、按钮的点击事件

按下事件和弹起事件

把按钮想像成你的鼠标,当你点击左键时,触发按下事件,当你放开时,触发弹起事件

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

 

3、开始编程

在按钮的按下事件中写入以下代码(实验时请将第二行代码删除,否则会报错)

注意:书写代码时,所有的符号都应为英文标点符号,另外等号两边不要有空格,否则程序会报错

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

在按钮的弹起事件中写入以下代码

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

4、点击调试按键

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

5、弹出模拟器如下图

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

6、按下按钮控件并保持,不要松开,此时按钮变成绿色,t0文本控件的内容改变了

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

7、松开按钮控件,此时按钮变成灰色,t0文本控件的内容改变了

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

二、双态按钮

1、新建一个双态按钮控件,注意:bt+数字开头的为双态按钮控件,这是控件的名称,你可以自己修改

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

2、双态按钮与按钮的区别是,按钮松开后悔自动弹起,但是双态按钮不会,类似于自锁开关,双态按钮有val属性,按钮没有val属性,双态按钮按下时val=1,双态按钮弹起时,val=0。

我们只需要在按下事件中进行判断即可

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

三、状态开关

1、注意sw+数字开头的为状态开关控件

状态开关使用代码如下

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

四、图片

1、注意p+数字开头的为图片控件

图片与按钮的区别

图片上不能输入文字,按钮上可以输入文字,其他用法基本相同

2、导入图片的方法

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

五、切图

1、注意q+数字开头的为切图控件

切图控件是一种特殊的图片空间,并且必须是一张全屏的图片

假设我们使用这张全屏图片

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

2、我们用切图控件来切,相当于在切图控件里挖了个洞,把底层的东西显示出来。

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

3、当切图控件的位置不同时,显示的位置也不一样

淘晶弛串口屏入门(三)按钮、双态按钮、状态开关、图片、切图、触摸热区

六、触摸热区

1、注意m+数字开头的为触摸热区控件

2、触摸热区控件可以简单的理解为一个透明的图片空间

3、如果我们要在自己的项目里做一个隐藏的开关(进入后台的方法),可以使用触摸热区控件