Arduino Nextion Display使用滑块控制LED亮度

描述

在这个项目中，我们将学习如何使用带有简单滑块的 Nextion 显示器来控制 LED 亮度。使用滑块，我们将增加或减少 PWM 使用相同的原理，您可以使用 PWM 或任何其他使用模拟信号的东西来控制直流电机。

检查我的其他项目以获得更多想法！

观看视频！

第 1 步：您需要什么

• Arduino UNO（或任何其他板）
• 下一个显示
• 1X LED
• 1X 1 千欧电阻
• 面包板
• 跳线
• Nextion 编辑器程序：下载 Nextion
• Visuino 程序：下载 Visuino

第 2 步：电路

 

• 将 Nextion Display VCC 红线连接到 Arduino 5V 引脚
• 将 Nextion Display GND 黑线连接到 Arduino GND 引脚
• 将 Nextion Display Yellow 线 (RX) 线连接到 Arduino TX 引脚
• 将 Nextion Display Blue 线 (TX) 线连接到 Arduino RX 引脚
• 将 LED 正极引脚连接到 Arduino 数字引脚 6
• 将电阻一端连接到 LED 负极引脚
• 将电阻另一端连接到 Arduino GND 引脚

第 3 步：Nextion 编辑器

 

 

 

 

1 / 7

 

• 下载Nextion Editor并安装
• 启动Nextion 编辑器
• 在 Nextion 编辑器中单击“新建”按钮
• 在窗口中为项目设置名称，如“ LEDPWM ”
• 在“设置”窗口中选择 Nextion 显示器的型号并单击“确定”
• 选择显示方向 90 并单击“确定”
• 在“工具箱”左侧的编辑器中找到“滑块”并将其拖动到右侧
• 居中并调整滑块大小
• 在“事件”窗口>触摸按下事件“检查”发送组件ID “
• 在“事件”窗口>触摸释放事件“检查”发送组件ID “
• 在工具栏中单击“编译”按钮
• 在菜单中选择“文件”>“ TFT文件输出”
• 设置输出文件夹并单击“输出”按钮
• 将文件保存到 SD 卡
• 将 SD 卡插入 Nextion 显示器
• 为Arduino供电，您会注意到 Nextion Display 将开始自行更新
• 在完成时断开电源并从 Nextion 显示器中取出 SD 卡

第 4 步：启动 Visuino，并选择 Arduino UNO Board Type

 

 

 

 

1 / 2

启动Visuino，如第一张图所示点击Visuino中Arduino组件（图1）上的“工具”按钮出现对话框时，选择“Arduino UNO”，如图2所示

第 5 步：在 Visuino 中添加、设置和连接组件

 

 

 

 

1 / 6

 

第 6 步：生成、编译和上传 Arduino 代码

 

 

 

 

1 / 2

 

在 Visuino 中，在底部单击“构建”选项卡，确保选择了正确的端口，然后单击“编译/构建和上传”按钮。

第 7 步：播放

如果您为 Arduino 模块供电，Nextion 显示屏将显示滑块，如果您按下并移动滑块，LED 亮度将会改变。

恭喜！您已经使用 Visuino 完成了您的项目。还附上了我为本教程创建的 Visuino 项目文件