LVGL简易计算器实战

文章目录

    • 📁 文件结构建议
    • 🔹 `eval.h` 表达式求值头文件
    • 🔹 `eval.c` 表达式求值实现文件（带详细注释）
    • 🔹 `ui.h` 界面头文件
    • 🔹 `ui.c` 界面实现文件
    • 🔹 `main.c` 主函数入口
    • ✅ 总结

项目效果：

在这里插入图片描述

这个项目是一个基于 LVGL（Light and Versatile Graphics Library） 的简单计算器，实现了基本四则运算（含括号）的表达式求值，支持界面输入、清除和计算结果显示功能。

我将把项目分为以下几个文件进行组织，并添加详细注释，便于维护和扩展：

📁 文件结构建议

calculator_project/
├── main.c                // 主函数入口
├── ui.c                  // LVGL 界面实现
├── ui.h                  // 界面头文件
├── eval.c                // 表达式求值模块
├── eval.h                // 求值函数声明
└── CMakeLists.txt / Makefile（视构建工具而定）

🔹 eval.h 表达式求值头文件

#ifndef EVAL_H
#define EVAL_H// 表达式求值主接口
double eval_expression(const char *expr);#endif // EVAL_H

🔹 eval.c 表达式求值实现文件（带详细注释）

#include <ctype.h>
#include <stdlib.h>
#include <string.h>
#include "eval.h"#define STACK_SIZE 64// 数字栈结构
typedef struct {double data[STACK_SIZE];int top;
} NumStack;// 运算符栈结构
typedef struct {char data[STACK_SIZE];int top;
} OpStack;// 数字栈操作
void num_push(NumStack *s, double val) { s->data[++s->top] = val; }
double num_pop(NumStack *s) { return s->data[s->top--]; }// 运算符栈操作
void op_push(OpStack *s, char op) { s->data[++s->top] = op; }
char op_pop(OpStack *s) { return s->data[s->top--]; }
char op_peek(OpStack *s) { return s->data[s->top]; }// 获取运算符优先级
int precedence(char op) {switch (op) {case '(': return 0;case '+':case '-': return 1;case '*':case '/': return 2;default: return -1;}
}// 执行单个操作符计算
void apply_operator(NumStack *nums, char op) {double b = num_pop(nums);double a = num_pop(nums);double res = 0;switch (op) {case '+': res = a + b; break;case '-': res = a - b; break;case '*': res = a * b; break;case '/': res = (b == 0) ? 0 : a / b; break; // 简单处理除零}num_push(nums, res);
}// 表达式求值主函数
double eval_expression(const char *expr) {NumStack nums = {.top = -1};OpStack ops = {.top = -1};char token[32];while (*expr) {if (isspace(*expr)) {expr++;} else if (isdigit(*expr) || *expr == '.') {int j = 0;while (isdigit(*expr) || *expr == '.') {token[j++] = *expr++;}token[j] = '\0';num_push(&nums, atof(token)); // 转为 double 后压入数字栈} else if (*expr == '(') {op_push(&ops, *expr++);} else if (*expr == ')') {while (ops.top != -1 && op_peek(&ops) != '(') {apply_operator(&nums, op_pop(&ops));}op_pop(&ops); // 弹出 '('expr++;} else if (strchr("+-*/", *expr)) {while (ops.top != -1 && precedence(op_peek(&ops)) >= precedence(*expr)) {apply_operator(&nums, op_pop(&ops));}op_push(&ops, *expr++);} else {expr++; // 非法字符跳过}}while (ops.top != -1) {apply_operator(&nums, op_pop(&ops));}return nums.data[0]; // 返回栈顶值为最终结果
}

🔹 ui.h 界面头文件

#ifndef UI_H
#define UI_Hvoid create_calculator_ui(void);  // 创建 UI 主函数#endif // UI_H

🔹 ui.c 界面实现文件

#include "lvgl.h"
#include "ui.h"
#include "eval.h"  // 调用表达式求值
#include <stdio.h>
#include <string.h>static lv_obj_t * ta;  // 输入框全局指针// 按钮标签布局
static const char * btnm_map[] = {"7", "8", "9", "/", "\n","4", "5", "6", "*", "\n","1", "2", "3", "-", "\n","0", ".", "=", "+", "\n","(", ")", "C", ""
};// 按钮点击事件处理函数
static void btnm_event_cb(lv_event_t * e) {lv_event_code_t code = lv_event_get_code(e);lv_obj_t * obj = lv_event_get_target(e);const char * txt = lv_btnmatrix_get_btn_text(obj, lv_btnmatrix_get_selected_btn(obj));if (code == LV_EVENT_VALUE_CHANGED) {if (strcmp(txt, "=") == 0) {const char * expr = lv_textarea_get_text(ta);double result = eval_expression(expr); // 求值char buf[32];snprintf(buf, sizeof(buf), "%.4f", result); // 保留4位小数lv_textarea_set_text(ta, buf);} else if (strcmp(txt, "C") == 0) {lv_textarea_set_text(ta, "");  // 清空输入框} else {lv_textarea_add_text(ta, txt); // 添加字符}}
}// 创建计算器界面
void create_calculator_ui(void) {// 容器居中并设置垂直布局lv_obj_t * cont = lv_obj_create(lv_scr_act());lv_obj_set_size(cont, 240, 320);lv_obj_center(cont);lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_COLUMN);lv_obj_set_flex_align(cont, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER);// 输入框ta = lv_textarea_create(cont);lv_obj_set_width(ta, 220);lv_textarea_set_one_line(ta, true);lv_textarea_set_placeholder_text(ta, "0");// 按钮矩阵lv_obj_t * btnm = lv_btnmatrix_create(cont);lv_btnmatrix_set_map(btnm, btnm_map);lv_obj_set_size(btnm, 220, 200);lv_obj_add_event_cb(btnm, btnm_event_cb, LV_EVENT_ALL, NULL);
}

🔹 main.c 主函数入口

#include "lvgl.h"
#include "ui.h"int main(void) {lv_init();  // 初始化 LVGL// 这里需要根据平台初始化显示、输入设备// lv_port_disp_init();// lv_port_indev_init();create_calculator_ui();  // 创建计算器界面while (1) {lv_timer_handler();  // LVGL 主循环usleep(5000);        // 延时 5 ms（可根据平台调整）}return 0;
}

✅ 总结

这个项目完整实现了一个简洁的嵌入式图形界面计算器：

  • 使用 栈结构 + 中缀表达式求值算法 解析和计算表达式；
  • 使用 LVGL 图形库实现可点击界面与输入框；
  • 代码 结构清晰、注释详细，适合嵌入式 UI 项目入门；

如果你还需要增加函数功能（比如 pow, sqrt 等），可以在 eval.c 中扩展 apply_operator 并修改解析器。

计算器界面优化：

void create_calculator_ui(void) {// 设置屏幕背景为浅灰色lv_obj_set_style_bg_color(lv_scr_act(), lv_palette_lighten(LV_PALETTE_GREY, 4), 0);// 创建主容器lv_obj_t * cont = lv_obj_create(lv_scr_act());lv_obj_set_size(cont, 260, 340);lv_obj_center(cont);lv_obj_set_flex_flow(cont, LV_FLEX_FLOW_COLUMN);lv_obj_set_flex_align(cont, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_CENTER);lv_obj_set_style_pad_all(cont, 10, 0);lv_obj_set_style_radius(cont, 10, 0);lv_obj_set_style_bg_color(cont, lv_color_white(), 0);lv_obj_set_style_bg_opa(cont, LV_OPA_COVER, 0);lv_obj_set_style_shadow_width(cont, 8, 0);// 输入框ta = lv_textarea_create(cont);lv_obj_set_width(ta, lv_pct(100));lv_obj_set_height(ta, 50);lv_textarea_set_max_length(ta, 128);lv_textarea_set_one_line(ta, false);lv_textarea_set_placeholder_text(ta, "0");lv_textarea_set_align(ta, LV_TEXT_ALIGN_RIGHT);lv_textarea_set_text(ta, "");lv_obj_set_style_text_font(ta, &lv_font_montserrat_20, 0);lv_obj_set_style_radius(ta, 8, 0);lv_obj_set_style_bg_color(ta, lv_palette_lighten(LV_PALETTE_BLUE, 4), 0);lv_obj_set_style_text_color(ta, lv_color_white(), 0);// 按钮矩阵lv_obj_t * btnm = lv_btnmatrix_create(cont);lv_btnmatrix_set_map(btnm, btnm_map);lv_obj_set_size(btnm, lv_pct(100), 220);lv_obj_add_event_cb(btnm, btnm_event_cb, LV_EVENT_ALL, NULL);// 设置按钮样式static lv_style_t style_btn;lv_style_init(&style_btn);lv_style_set_radius(&style_btn, 4);lv_style_set_bg_opa(&style_btn, LV_OPA_COVER);lv_style_set_bg_color(&style_btn, lv_palette_lighten(LV_PALETTE_GREY, 2));lv_style_set_text_font(&style_btn, &lv_font_montserrat_18);lv_obj_add_style(btnm, &style_btn, LV_PART_ITEMS);// 获取 mapconst char ** map = lv_btnmatrix_get_map(btnm);uint16_t btn_cnt = 0;for (int i = 0; map[i] != NULL; i++) {btn_cnt++;}// 遍历按钮设置颜色for (uint16_t i = 0; i < btn_cnt; i++) {const char * label = map[i];if (strcmp(label, "=") == 0) {lv_btnmatrix_set_btn_ctrl(btnm, i, LV_BTNMATRIX_CTRL_CHECKABLE);lv_obj_set_style_bg_color(btnm, lv_palette_main(LV_PALETTE_GREEN), LV_PART_ITEMS | LV_STATE_CHECKED);} else if (strcmp(label, "C") == 0) {lv_btnmatrix_set_btn_ctrl(btnm, i, LV_BTNMATRIX_CTRL_CHECKABLE);lv_obj_set_style_bg_color(btnm, lv_palette_main(LV_PALETTE_RED), LV_PART_ITEMS | LV_STATE_CHECKED);}}
}

运行效果：

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/80456.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

使用countDownLatch导致的线程安全问题，线程不安全的List-ArrayList，线程安全的List-CopyOnWriteArrayList

使用countDownLatch导致的线程安全问题，线程不安全的List-ArrayList，线程安全的List-CopyOnWriteArrayList

示例代码 package com.example.demo.service;import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ExecutorService; import java.util.concurrent.Executors;public class UnSafeCDTest {Executor…
阅读更多...
QT 文件选择对话框 QFileDialog

QT 文件选择对话框 QFileDialog

如&#xff1a;
阅读更多...
ALLinSSL：一站式SSL证书管理解决方案

ALLinSSL：一站式SSL证书管理解决方案

引言 在当今互联网安全日益重要的背景下，SSL证书已成为保护网站安全的必备工具。然而，管理多个SSL证书常常是一项繁琐且容易出错的任务。ALLinSSL应运而生，它提供了一个一站式的SSL证书管理解决方案，大大简化了证书的申请、安装和更新过程。本文将深入介绍ALLinSSL的特性、…
阅读更多...
嵌入式通信协议总览篇：万物互联的基石

嵌入式通信协议总览篇：万物互联的基石

嵌入式系统的世界，是靠协议“说话”的世界。 在你设计一个智能设备、构建一个工业控制系统、开发一款 IoT 网关时，一个核心问题始终绕不开：**这些设备之间如何“对话”？**答案就是——通信协议。 本篇作为系列第一章，将带你全面理解嵌入式通信协议的全貌，为后续深入学习…
阅读更多...
【数据结构】红黑树（C++）

【数据结构】红黑树（C++）

目录 一、红黑树的概念 二、红黑树的性质 三、红黑树结点定义 四、红黑树的操作 1. 插入操作 1.1 插入过程 1.2 调整过程 1.2.1 叔叔节点存在且为红色 1.2.2 叔叔节点存在且为黑色 1.2.3 叔叔节点不存在 2. 查找操作 2.1 查找逻辑 2.2 算法流程图 2.3 使用示例 …
阅读更多...
Oracle数据库DBF文件收缩

Oracle数据库DBF文件收缩

这两天新部署了一套系统&#xff0c;数据库结构保持不变&#xff0c;牵扯导出表结构还有函数&#xff0c;图省事就直接新建用户&#xff0c;还原数据库了。然后咔咔咔&#xff0c;一顿删除delete&#xff0c;truncate&#xff0c;发现要不就是表删了&#xff0c;还有num_rows&a…
阅读更多...
【字节拥抱开源】字节豆包团队开源首发 Seed-Coder 大模型

【字节拥抱开源】字节豆包团队开源首发 Seed-Coder 大模型

我们非常高兴地向大家介绍 Seed-Coder&#xff0c;它是一个功能强大、透明、参数高效的 8B 级开源代码模型系列&#xff0c;包括基础变体、指导变体和推理变体。Seed-Coder 通过以下亮点促进开放代码模型的发展。 以模型为中心&#xff1a;Seed-Coder主要利用大语言模型&#…
阅读更多...
Qt 无边框窗口，支持贴边分屏

Qt 无边框窗口，支持贴边分屏

常规操作, 无法进行窗口的大小缩放和移动贴边分屏等操作 // 去掉标题栏,去掉工具栏&#xff0c;窗口置顶 setWindowFlags(Qt::FramelessWindowHint | Qt::Tool | Qt::WindowStaysOnTopHint);重点介绍 QWindowKit https://github.com/stdware/qwindowkit 跨平台的支持Windows\…
阅读更多...
Qt 样式表：全面解析与应用指南

Qt 样式表：全面解析与应用指南

在 Qt 开发中，样式表（Style Sheets）是定义应用程序界面外观的关键工具。它采用文本格式的规则集合，借鉴了 CSS 语法，借助选择器、属性和值，能精准把控各类控件的外观表现，极大提升了界面设计的灵活性与美观性。 文章目录 一、样式可更改的效果​1、颜色相关效果​2、字体…
阅读更多...
追踪大型语言模型的思想（上）（来自针对Claude的分析）

追踪大型语言模型的思想（上）（来自针对Claude的分析）

概述 像 Claude 这样的语言模型并非由人类直接编程&#xff0c;而是通过大量数据进行训练。在训练过程中&#xff0c;它们会学习解决问题的策略。这些策略被编码在模型为每个单词执行的数十亿次计算中。对于我们这些模型开发者来说&#xff0c;这些策略是难以捉摸的。这意…
阅读更多...
Python pandas 向excel追加数据，不覆盖之前的数据

Python pandas 向excel追加数据，不覆盖之前的数据

最近突然看了一下pandas向excel追加数据的方法&#xff0c;发现有很多人出了一些馊主意&#xff1b; 比如用concat,append等方法&#xff0c;这种方法的会先将旧数据df_1读取到内存&#xff0c;再把新数据df_2与旧的合并&#xff0c;形成df_new,再覆盖写入&#xff0c;消耗和速…
阅读更多...
MYSQL 索引和事 务

MYSQL 索引和事 务

目录 一 MYSQL 索引介绍 1.索引概念 2.索引作用 3.索引的分类 3.1普通索引 3.2唯一索引 3.3组合索引&#xff08;最左前缀&#xff09; 3.4全文索引 4.3查看索引 4.4删除索引 二 MYSQL事务 一&#xff1a;MYSQL索引介绍 索引是一个排序的列表,在这个列表中存储着索…
阅读更多...
【C/C++】ARM处理器对齐_伪共享问题

【C/C++】ARM处理器对齐_伪共享问题

文章目录 1 什么是伪共享&#xff1f;2 为什么对齐&#xff1f;3 伪共享的实际影响4 为什么必须是 64 字节&#xff1f;5 其他替代方案6 验证对齐效果总结 1 什么是伪共享&#xff1f; 伪共享是 多线程编程中的一种性能问题&#xff0c;其本质是&#xff1a; 缓存行&#xff…
阅读更多...
Kafka Controller的作用是什么？故障时如何恢复？ （管理分区和副本状态；通过ZooKeeper选举新Controller）

Kafka Controller的作用是什么？故障时如何恢复？ （管理分区和副本状态；通过ZooKeeper选举新Controller）

Apache Kafka Controller 是 Kafka 集群的核心协调组件&#xff0c;主要承担两大核心职责&#xff1a; 一、核心作用 分区领导者选举 1 // 分区领导者选举逻辑示例&#xff08;伪代码&#xff09; def electLeader(partition: Partition): Unit {val isr partition.inSync…
阅读更多...
阿里云前端Nginx部署完，用ip地址访问却总访问不到，为什么？检查安全组是否设置u为Http(80)!

阿里云前端Nginx部署完，用ip地址访问却总访问不到，为什么？检查安全组是否设置u为Http(80)!

根据你的描述&#xff0c;Ping测试显示数据包无丢失但无法通过公网IP访问服务&#xff0c;说明网络基础层&#xff08;ICMP协议&#xff09;是通畅的&#xff0c;但更高层&#xff08;如TCP/UDP协议或服务配置&#xff09;存在问题。以下是系统性排查与解决方案&#xff1a; 一…
阅读更多...
关于STM32 SPI收发数据异常

关于STM32 SPI收发数据异常

问题描述&#xff1a; STM32主板做SPI从机&#xff0c;另一块linux主板做主机&#xff0c;通信的时候发现从机可以正确接收到主机数据&#xff0c;但是主机接收从机数据时一直不对&#xff0c;是随机值。 问题原因&#xff1a; 刚发现问题的时候&#xff0c;用逻辑分析仪抓包…
阅读更多...
特励达力科LeCroy推出Xena Freya Z800 800GE高性能的800G以太网测试平台

特励达力科LeCroy推出Xena Freya Z800 800GE高性能的800G以太网测试平台

Xena Freya Z800 800GE 是由全球领先的测试与测量解决方案提供商特励达力科公司&#xff08;Teledyne LeCroy&#xff09;开发的高性能以太网测试平台&#xff0c;专为满足从10GE到800GE数据中心互连速度的需求而设计。特励达力科公司在网络测试领域拥有超过50年的技术积累&…
阅读更多...
基于Django框架的股票分红数据爬虫和展示系统

基于Django框架的股票分红数据爬虫和展示系统

项目截图 一、项目简介 本项目是一个基于 Django 框架的股票分红数据爬虫和展示系统。它可以从东方财富网站爬取股票分红数据&#xff0c;并将数据存储到 Django 数据库中&#xff0c;同时提供数据查询、导出和图表展示功能。该系统为用户提供了一个方便的平台&#xff0c;用于…
阅读更多...
nginx性能优化与深度监控

nginx性能优化与深度监控

一、性能调优方向 1. 系统层面优化 内核参数调整 TCP队列与连接管理&#xff1a; net.core.somaxconn&#xff08;最大连接队列长度&#xff0c;建议设为65535&#xff09;net.ipv4.tcp_max_syn_backlog&#xff08;SYN队列长度&#xff0c;建议65535&#xff09;net.ipv4.tc…
阅读更多...
深入解析 Vision Transformer (ViT) 与其在计算机视觉中的应用

深入解析 Vision Transformer (ViT) 与其在计算机视觉中的应用

在近年来&#xff0c;深度学习尤其在计算机视觉领域取得了巨大的进展&#xff0c;而 Vision Transformer&#xff08;ViT&#xff09;作为一种新的视觉模型&#xff0c;它的表现甚至在许多任务中超过了传统的卷积神经网络&#xff08;CNN&#xff09;&#xff0c;如 ResNet。在…
阅读更多...
最新文章

Copyright @ 2022~2023