【花雕学编程】Arduino LCD 之进度条动画-CSDN博客

本文链接：https://blog.csdn.net/weixin_41659040/article/details/147886804

在这里插入图片描述

《Arduino 手册（思路与案例）》栏目介绍：
在电子制作与智能控制的应用领域：广泛涉及了Arduino BLDC、Arduino CNC、Arduino ESP32 SPP、Arduino FreeRTOS、Arduino FOC、Arduino GRBL、Arduino HTTP、Arduino HUB75、Arduino IoT Cloud、Arduino JSON、Arduino LCD、Arduino OLED、Arduino LVGL、Arduino PID 及 Arduino TFT 等方面的相关拓展思路和众多参考案例。本专栏目前博客近2300篇。
https://blog.csdn.net/weixin_41659040/category_12422453.html

Arduino是一个开放源码的电子原型平台，它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板，它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的，你可以使用Arduino IDE（集成开发环境）来编写、编译和上传代码到Arduino板上。Arduino还有一个丰富的库和社区，你可以利用它们来扩展Arduino的功能和学习Arduino的知识。

Arduino的特点是：
1、开放源码：Arduino的硬件和软件都是开放源码的，你可以自由地修改、复制和分享它们。
2、易用：Arduino的硬件和软件都是为初学者和非专业人士设计的，你可以轻松地上手和使用它们。
3、便宜：Arduino的硬件和软件都是非常经济的，你可以用很低的成本来实现你的想法。
4、多样：Arduino有多种型号和版本，你可以根据你的需要和喜好来选择合适的Arduino板。
5、创新：Arduino可以让你用电子的方式来表达你的创意和想象，你可以用Arduino来制作各种有趣和有用的项目，如机器人、智能家居、艺术装置等。

在这里插入图片描述
Arduino LCD：专业视角下的全面解析
在嵌入式系统开发中，LCD（Liquid Crystal Display）液晶显示屏是实现信息可视化和人机交互的重要组成部分。Arduino 作为广泛应用的开源硬件平台，其对多种类型 LCD 屏幕的良好支持，使得开发者能够快速构建低成本、高可用性的显示系统。

一、主要特点

接口种类丰富
字符型 LCD（如 16x2、20x4）：使用 HD44780 控制器，常见于基础教学项目；
图形点阵 LCD（如 128x64 OLED、TFT 彩色屏）：支持自由绘图，适合复杂界面；
通信方式多样：
并行接口（8位/4位模式）
I²C 接口（节省引脚资源）
SPI 接口（高速数据传输）
低功耗与稳定性强
多数 LCD 模块（尤其是OLED）具有较低功耗特性，适用于电池供电设备；
工作电压范围宽（3.3V~5V），兼容性强；
支持长时间连续运行，稳定性好。
图形与文本混合显示能力强
字符型 LCD 可自定义字符（最多8个用户定义字符）；
图形型 LCD 支持绘制线条、矩形、圆形、图像等；
支持多字体、中文字符（需加载字库）及动态刷新。
开发资源成熟
社区提供大量现成库函数，例如：
LiquidCrystal（用于HD44780字符屏）
U8g2lib / SSD1306（用于OLED图形屏）
TFT_eSPI / ILI9341（用于TFT彩色屏）
支持 Arduino IDE、PlatformIO 等主流开发环境。
可扩展性与集成度高
可与其他传感器、执行器、无线模块（如蓝牙、Wi-Fi）协同工作；
适合作为小型监控终端、状态面板、操作引导界面；
支持远程控制更新内容（通过串口或网络协议）。

二、典型应用场景

工业控制系统
显示PLC状态、温度、压力、液位等实时参数；
提供本地操作提示与报警信息；
替代传统按钮+LED指示灯组合，提升操作效率。
智能家居与物联网
智能网关设备显示连接状态、传感器数据、Wi-Fi强度；
家庭气象站展示温湿度、风速、空气质量等；
智能门锁显示“开锁成功”、“密码错误”等反馈信息。
教育与实验教学
编程入门教学中展示变量值、调试信息；
嵌入式课程讲解GPIO、I²C/SPI通信、中断等核心概念；
学生创新项目中实现信息反馈与人机交互。
商业与零售设备
自助服务终端显示操作指引；
POS收银机显示商品名称、价格、支付状态；
智能售货机显示商品介绍与购买提示。
农业与环境监测
土壤湿度、光照强度、CO₂浓度等传感器数据显示；
温室大棚控制器的状态反馈；
水质检测仪、气象站的数据输出。
艺术装置与互动展览
数字艺术展中的文字说明与引导；
科技馆互动装置的操作提示；
商场数字标牌系统的静态/动态信息展示。

三、注意事项

合理选择LCD类型与尺寸
根据功能需求选择字符型或图形型屏幕；
小型项目优先考虑 I²C 接口的 OLED 屏幕（如 SSD1306）；
高分辨率或彩色需求则选择 TFT 类屏幕（如 ILI9341）。
避免频繁全屏刷新
对图形型屏幕而言，每次全屏重绘会显著增加CPU负载；
应采用局部刷新策略，仅更新变化部分区域；
使用双缓冲机制可减少画面闪烁，但需权衡内存占用。
注意电源管理与背光控制
OLED 屏幕无需背光，功耗更低；
LCD 背光亮度应根据环境调整，避免过亮刺眼；
若为低功耗设计，可在空闲时关闭背光或进入休眠模式。
字体与图标资源优化
中文显示需加载字库，可能占用较大Flash空间；
合理裁剪字库，仅包含常用汉字以节省资源；
图标建议使用点阵格式并压缩存储。
兼容性与接口配置
不同型号的LCD模块可能需要不同的初始化设置；
注意I²C地址冲突问题（可通过逻辑分析仪或扫描工具排查）；
使用电平转换器确保3.3V模块与5V主控兼容。
代码结构与维护性
将LCD相关逻辑封装为独立模块或类，便于复用；
注释清晰，命名规范，提高后期维护效率；
提供串口调试接口或OTA升级能力，方便远程修改显示内容。

在Arduino项目中，LCD进度条动画（Progress Bar Animation）是一种直观展示任务进展或状态变化的有效方式。通过在字符型或图形型LCD上绘制进度条，并根据实际进程动态更新其长度，可以为用户提供清晰的视觉反馈。这种技术广泛应用于嵌入式系统、用户界面设计以及各种需要显示完成度的应用场景。

1、主要特点
直观性
进度条能够以最直接的方式向用户传达任务完成的比例，让用户了解当前操作的进展情况。
灵活性
可以根据不同的需求调整进度条的方向（水平/垂直）、颜色（对于支持彩色显示的屏幕）、宽度等属性。
易于实现
对于字符型LCD，可以通过填充特定字符来模拟进度条；而对于图形型LCD，则可以直接控制像素点进行更精确的进度表示。
资源占用低
尤其是字符型LCD上的进度条实现，对内存和处理能力的要求较低，非常适合资源受限的微控制器环境。
适应性强
无论是简单的加载过程还是复杂的多阶段任务，都可以通过适当的设计展现出来。

2、应用场景
文件上传/下载指示器
在物联网设备中，当涉及到固件更新或者大文件传输时，使用进度条可以帮助用户了解传输进度。
数据采集与处理
在科学实验或工业监测系统中，用于展示数据收集或分析工作的完成情况。
充电状态显示
在电池供电设备中，实时显示充电进度，增强用户体验。
引导程序或初始化过程
展示系统启动过程中各个步骤的完成情况，给用户提供安心感。
游戏开发中的关卡进度
显示玩家通关进度或得分增长，增加互动性和趣味性。

3、需要注意的事项
刷新频率
设置合理的刷新间隔至关重要，过于频繁的刷新会导致CPU负载过高，而过慢则会使动画看起来不流畅。通常建议每秒更新10次左右作为起点，然后根据具体情况进行调整。
内存管理
特别是在使用图形LCD时，如果进度条涉及复杂的绘图操作，可能会消耗较多的内存。因此，优化代码结构，避免不必要的重复绘制非常重要。
兼容性问题
不同型号的LCD可能支持的功能有所差异，如分辨率、最大可显示字符数等。确保所选的LCD库版本与硬件相匹配，并正确配置通信接口（如I2C或SPI）。
视觉效果
考虑到LCD的物理特性，比如字符型LCD只能显示固定大小的字符，因此设计进度条时要考虑如何利用有限的空间达到最佳视觉效果。可以尝试不同的填充字符组合或是背景对比度设置。
异常处理
在某些情况下，如网络连接失败或传感器读取错误，进度条可能无法正常前进。为此，应该设计相应的错误提示机制，告知用户发生了什么问题，并提供解决方案或重试选项。

在这里插入图片描述
1、基础进度条动画

#include <LiquidCrystal.h>
LiquidCrystal lcd(12, 11, 10, 5, 4, 3, 2); // RS, RW, EN, D4-D7

void setup() {
  lcd.begin(16, 2);
}

void loop() {
  for (int i = 0; i < 16; i++) {
    lcd.setCursor(i, 1);
    lcd.write(byte(0)); // 显示进度条
    delay(100);
  }
  delay(500); // 延迟500毫秒
  lcd.clear(); // 清除进度条
}

要点解读：
进度条显示：通过lcd.write在指定位置显示进度条。
动态效果：通过循环逐列显示进度条，实现动态效果。
延迟控制：使用delay函数控制进度条的显示速度。

2、带百分比的进度条动画

#include <LiquidCrystal.h>
LiquidCrystal lcd(12, 11, 10, 5, 4, 3, 2); // RS, RW, EN, D4-D7

void setup() {
  lcd.begin(16, 2);
}

void loop() {
  for (int i = 0; i <= 100; i++) {
    lcd.setCursor(0, 0);
    lcd.print("Progress: ");
    lcd.print(i);
    lcd.print("%");

    lcd.setCursor(0, 1);
    for (int j = 0; j < i / 100.0 * 16; j++) {
      lcd.write(byte(0)); // 显示进度条
    }
    delay(100);
  }
  delay(500); // 延迟500毫秒
  lcd.clear(); // 清除进度条
}

要点解读：
百分比显示：在第一行显示进度百分比。
进度条显示：在第二行显示进度条。
动态效果：通过循环逐列显示进度条，实现动态效果。
延迟控制：使用delay函数控制进度条的显示速度。

3、自定义字符进度条动画

#include <LiquidCrystal.h>
LiquidCrystal lcd(12, 11, 10, 5, 4, 3, 2); // RS, RW, EN, D4-D7

byte bar[8] = {
  B00000,
  B00000,
  B00000,
  B00000,
  B00000,
  B00000,
  B00000,
  B00000
};

void setup() {
  lcd.begin(16, 2);
  lcd.createChar(0, bar); // 创建自定义字符
}

void loop() {
  for (int i = 0; i < 16; i++) {
    lcd.setCursor(i, 1);
    lcd.write(byte(0)); // 显示进度条
    delay(100);
  }
  delay(500); // 延迟500毫秒
  lcd.clear(); // 清除进度条
}

要点解读：
自定义字符：通过lcd.createChar创建自定义字符。
进度条显示：通过lcd.write在指定位置显示进度条。
动态效果：通过循环逐列显示进度条，实现动态效果。
延迟控制：使用delay函数控制进度条的显示速度。

在这里插入图片描述
4、电池充电进度指示（LCD1602自定义字符）

#include <LiquidCrystal.h>
LiquidCrystal lcd(12, 11, 5, 4, 3, 2);
 
byte batteryChar[8] = { // 自定义电池图标字符
  B11111, B11111, B10001, B10001, B11111, B11111, B00000, B00000
};
 
void setup() {
  lcd.createChar(0, batteryChar); // 注册自定义字符
  lcd.begin(16, 2);
}
 
void loop() {
  int charge = map(analogRead(A0), 0, 1023, 0, 100); // 模拟充电进度
  drawBattery(charge);
  delay(200);
}
 
void drawBattery(int percent) {
  lcd.clear();
  lcd.setCursor(0, 0);
  lcd.write(byte(0)); // 显示电池图标
  lcd.setCursor(2, 0);
  lcd.print("Charging:");
 
  // 绘制进度条（每2%一个字符）
  lcd.setCursor(2, 1);
  for (int i = 0; i < 50; i += 2) {
    if (i < percent) lcd.print("#");
    else lcd.print(" ");
  }
  lcd.setCursor(55, 1); // 显示百分比
  lcd.print(percent); lcd.print("%");
}

要点：
自定义字符：通过createChar创建电池图标，增强可视化效果。
进度条动态更新：通过循环绘制#字符实现进度填充。
模拟输入：使用电位器模拟充电过程，实际应用中可替换为真实电量检测。

5、数据加载进度条（I2C OLED动态绘制）

#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>
 
#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);
 
void setup() {
  display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
  display.clearDisplay();
}
 
void loop() {
  for (int i = 0; i <= 100; i++) {
    drawProgressBar(i);
    delay(50); // 模拟加载过程
  }
}
 
void drawProgressBar(int percent) {
  display.clearDisplay();
  display.setTextSize(1);
  display.setCursor(0, 0);
  display.print("Loading: "); display.print(percent); display.println("%");
 
  // 绘制进度条（宽度100像素）
  int barWidth = map(percent, 0, 100, 0, 100);
  display.drawRect(0, 10, 100, 10, SSD1306_WHITE); // 边框
  display.fillRect(0, 10, barWidth, 10, SSD1306_WHITE); // 填充部分
 
  display.display();
}

要点：
动态刷新：通过循环更新进度条宽度，实现平滑动画效果。
边框与填充分离：使用drawRect和fillRect区分进度条边框和填充区域。
低延迟优化：OLED的快速刷新率适合高频更新场景。

6、设备校准进度反馈（TFT彩屏多段进度条）

#include <SPI.h>
#include <TFT_eSPI.h>
 
TFT_eSPI tft = TFT_eSPI();
 
void setup() {
  tft.init();
  tft.setRotation(1);
  tft.fillScreen(TFT_BLACK);
}
 
void loop() {
  for (int step = 0; step < 3; step++) {
    drawCalibration(step);
    delay(2000); // 模拟校准步骤
  }
}
 
void drawCalibration(int currentStep) {
  tft.fillScreen(TFT_BLACK);
  tft.setTextColor(TFT_GREEN, TFT_BLACK);
  tft.drawString("Calibration Progress", 30, 10, 2);
 
  // 绘制三段进度条（总宽度200像素）
  int stepWidth = 60;
  for (int i = 0; i < 3; i++) {
    if (i <= currentStep) {
      tft.fillRect(10 + i * (stepWidth + 10), 40, stepWidth, 20, TFT_GREEN); // 已完成
    } else {
      tft.fillRect(10 + i * (stepWidth + 10), 40, stepWidth, 20, TFT_DARKGREY); // 未完成
    }
  }
 
  // 标注当前步骤
  tft.setTextSize(1);
  tft.setCursor(10 + currentStep * (stepWidth + 10), 70);
  tft.print("Step "); tft.println(currentStep + 1);
}

要点：
多段进度条：通过分段填充区分不同校准步骤。
颜色区分：使用TFT_GREEN和TFT_DARKGREY明确显示完成/未完成状态。
步骤标注：在进度条下方动态显示当前步骤编号。

注意，以上案例只是为了拓展思路，仅供参考。它们可能有错误、不适用或者无法编译。您的硬件平台、使用场景和Arduino版本可能影响使用方法的选择。实际编程时，您要根据自己的硬件配置、使用场景和具体需求进行调整，并多次实际测试。您还要正确连接硬件，了解所用传感器和设备的规范和特性。涉及硬件操作的代码，您要在使用前确认引脚和电平等参数的正确性和安全性。

在这里插入图片描述