咸鱼ESP32实例—3.5寸屏幕基础

咸鱼ESP32实例—3.5寸屏幕基础

          • 软件界面窗口
          • 画面跳转练习

有了屏幕我们可以做更多的事情,但是在此之前我们要先熟练一下屏幕的操作:比如制作背景图,制作按钮,显示接收数据等。


软件界面窗口

咸鱼ESP32实例—3.5寸屏幕基础_第1张图片

如果打开软件后不是上面的样式则可以点击视图——恢复默认布局
咸鱼ESP32实例—3.5寸屏幕基础_第2张图片

画面跳转练习

单纯讲解软件没啥意思,我们通过一个简单的案例来熟悉一下操作会更容易了解软件应用.

  • 点击文件新建画面
    咸鱼ESP32实例—3.5寸屏幕基础_第3张图片

  • 默认名字是ScreenX.tft
    咸鱼ESP32实例—3.5寸屏幕基础_第4张图片

  • 点击Screen0,在属性创空设置背景图片

    点击省略号选择图片
    咸鱼ESP32实例—3.5寸屏幕基础_第5张图片
    咸鱼ESP32实例—3.5寸屏幕基础_第6张图片

  • 点击画面Screen1,在属性窗口设置背景图片
    咸鱼ESP32实例—3.5寸屏幕基础_第7张图片

  • 选择按钮组件添加点击事件

    在Screen0添加按钮
    咸鱼ESP32实例—3.5寸屏幕基础_第8张图片

  • 在属性中调整,选择触控用途里面的切换画面
    咸鱼ESP32实例—3.5寸屏幕基础_第9张图片- 目标画面选择Screen1
    咸鱼ESP32实例—3.5寸屏幕基础_第10张图片

  • 在Screen1画面中添加1个按钮组件(剩下的5个自己设置即可)
    咸鱼ESP32实例—3.5寸屏幕基础_第11张图片

  • 选择切换画面至Screen2
    咸鱼ESP32实例—3.5寸屏幕基础_第12张图片

  • 在Screen2中添加图片
    咸鱼ESP32实例—3.5寸屏幕基础_第13张图片

  • 返回处添加按钮组件,跳转至Screen1
    咸鱼ESP32实例—3.5寸屏幕基础_第14张图片
    点击运行虚拟串口屏可查看效果
    咸鱼ESP32实例—3.5寸屏幕基础_第15张图片
    点击运行虚拟串口屏可查看效果
    咸鱼ESP32实例—3.5寸屏幕基础_第16张图片
    咸鱼ESP32实例—3.5寸屏幕基础_第17张图片
    点击文本控制插入文本
    咸鱼ESP32实例—3.5寸屏幕基础_第18张图片
    在文本中清空文本
    咸鱼ESP32实例—3.5寸屏幕基础_第19张图片
    输入方式选择用户主机输入即可
    咸鱼ESP32实例—3.5寸屏幕基础_第20张图片
    我们做的实验基本就是将传感器收集到的数据显示到屏幕上,所以学会这2个功能基本就OK了。随着实验越来越丰富,后面需要用的东西我们后面再研究。

你可能感兴趣的:(硬件,#,ESP32)