Raspberry pi pico|树莓派-pico驱动ILI9341+lvgl(c语言实现)

2023-12-09 01:40

本文主要是介绍Raspberry pi pico|树莓派-pico驱动ILI9341+lvgl(c语言实现),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 前言
  • 实验说明
    • 实验预期效果
  • 接线
  • 测试代码
  • LVGL中文手册

前言

前些日子到手了一块raspberry pico和2.2寸屏ILI9341,想通过ILI9341显示屏让pico的实验做起来更加丰富多彩。下图是我的实验成果:
raspberry-pico+ILI9341+lvgl

实验说明

实验中我使用的材料如下:

  • raspberry pico
  • 2.2寸屏ILI9341
  • 滑动变阻器

实验预期效果

pico在2.2寸屏ILI9341显示一个量规实时显示滑动变阻器的数值。

接线

raspberry pico外设资源

接线

测试代码

/*** Copyright (c) 2008-2021 深圳百问网科技有限公司<http://lvgl.100ask.net>** SPDX-License-Identifier: BSD-3-Clause*/
#include "pico/stdlib.h"
#include "hardware/adc.h"
#include "lvgl_src/lvgl.h"
#include "ili9341/ili9341.h"
#include "ili9341/lv_port_disp.h"//extern void ili9341_init();
//extern void lv_port_disp_init(void);static void lv_100ask_adc_gauge_anim(lv_obj_t * gauge, lv_anim_value_t value);
static void lv_100ask_widget_test_init(void);static void lv_100ask_widget_test_init(void)
{lv_anim_t a;      // 表盘动画lv_anim_init(&a);lv_obj_t * adc_gauge = lv_gauge_create(lv_scr_act(), NULL);lv_gauge_set_range(adc_gauge, 0 ,3000);lv_gauge_set_critical_value(adc_gauge, 2400);  // 设置临界值,超过临界值部分的颜色为 scale_end_colorlv_obj_set_drag_parent(adc_gauge, true);lv_obj_set_size(adc_gauge, 200, 200);lv_obj_align(adc_gauge, NULL, 0, 0, 0);lv_obj_set_style_local_margin_top(adc_gauge, LV_GAUGE_PART_MAIN, LV_STATE_DEFAULT, LV_DPX(30));lv_obj_set_style_local_value_font(adc_gauge, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, &lv_font_montserrat_14);	// 设置文字大小lv_obj_set_style_local_value_str(adc_gauge, LV_GAUGE_PART_MAIN, LV_STATE_DEFAULT, "ADC");lv_obj_set_style_local_value_align(adc_gauge, LV_GAUGE_PART_MAIN, LV_STATE_DEFAULT, LV_ALIGN_CENTER);lv_obj_set_style_local_value_ofs_y(adc_gauge, LV_GAUGE_PART_MAIN, LV_STATE_DEFAULT, LV_DPX(80));lv_obj_t * label = lv_label_create(adc_gauge, NULL);lv_obj_set_style_local_text_font(label, LV_LABEL_PART_MAIN, LV_STATE_DEFAULT, &lv_font_montserrat_10);             // 设置文字大小lv_obj_align(label, adc_gauge, LV_ALIGN_CENTER, 0, lv_obj_get_width(adc_gauge)/4);lv_anim_set_var(&a, adc_gauge);lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t)lv_100ask_adc_gauge_anim);lv_anim_set_values(&a, 0, 1);lv_anim_set_time(&a, 500);lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);lv_anim_start(&a);
}/**  函数名:   static void lv_100ask_adc_gauge_anim(lv_obj_t * gauge, lv_anim_value_t value)*  输入参数: 动画对象*  输入参数: 传递给动画的数据*  返回值:   无*  函数作用: 更新展示ADC检测值
*/
static void lv_100ask_adc_gauge_anim(lv_obj_t * gauge, lv_anim_value_t value)
{adc_select_input(0);uint adc_value = adc_read();//adc_value = f_value*1000;lv_gauge_set_value(gauge, 0, adc_value);char tmpchar[32] = {0};lv_snprintf(tmpchar, sizeof(tmpchar), "AD:%d\nVoltage:%f v", adc_value, (float)(adc_value * (3.3 / 4096)));lv_obj_t * label = lv_obj_get_child(gauge, NULL);lv_label_set_text(label, tmpchar);lv_obj_align(label, gauge, LV_ALIGN_IN_BOTTOM_MID, 0, -lv_obj_get_height(label));}int main() {stdio_init_all();// possibly set ili9341_config parameters if your pins/spi port don't matchili9341_init();lv_init();lv_port_disp_init();adc_init();// Make sure GPIO is high-impedance, no pullups etcadc_gpio_init(26);//lv_obj_t * scr = lv_obj_create(NULL, NULL);//lv_scr_load(scr);lv_100ask_widget_test_init();while (true) {sleep_ms(5);   /*Sleep for 5 millisecond*/lv_task_handler();lv_tick_inc(5);      /*Tell LVGL that 5 milliseconds were elapsed*/}
}

LVGL中文手册

lvgl官方的教程是英文的,这个是我在做项目时顺便做出来的中文教程站点(持续更新维护),不仅仅只是照搬lvgl官方文档的翻译,同时总结了我们在实际开发中遇到的各种细节,让这个文档更加适合我们在实际开发中的需求。

  • lvgl官方原版教程: https://docs.lvgl.io
  • lvgl中文教程(中文手册):http://lvgl.100ask.net

lvgl中文教程主页

这篇关于Raspberry pi pico|树莓派-pico驱动ILI9341+lvgl(c语言实现)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/472030

相关文章

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

SpringBoot中使用Flux实现流式返回的方法小结

《SpringBoot中使用Flux实现流式返回的方法小结》文章介绍流式返回(StreamingResponse)在SpringBoot中通过Flux实现,优势包括提升用户体验、降低内存消耗、支持长连... 目录背景流式返回的核心概念与优势1. 提升用户体验2. 降低内存消耗3. 支持长连接与实时通信在Sp

Conda虚拟环境的复制和迁移的四种方法实现

《Conda虚拟环境的复制和迁移的四种方法实现》本文主要介绍了Conda虚拟环境的复制和迁移的四种方法实现,包括requirements.txt,environment.yml,conda-pack,... 目录在本机复制Conda虚拟环境相同操作系统之间复制环境方法一:requirements.txt方法

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享(CORS)2. Nginx 配置跨域的场景2.1

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3