# lvgl_100ask_course_materials

**Repository Path**: david2lf/lvgl_100ask_course_materials

## Basic Information

- **Project Name**: lvgl_100ask_course_materials
- **Description**: 百问网(韦东山)LVGL课程配套资料

https://100ask.net                                              

http://lvgl.100ask.net
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://lvgl.100ask.net
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 163
- **Created**: 2025-01-24
- **Last Updated**: 2025-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



<p align="center"><a href="https://www.100ask.net" target="_blank" rel="noopener noreferrer"><img width="100" src="http://wechatapppro-1252524126.file.myqcloud.com/appTVs2sJfo3933/image/b_u_5fb1e35c3d801_CUAzKqf9/knhb7p8x0j7u.png" alt="100ASK logo"></a></p>

<h2 align="center">韦东山百问网LVGL教程资料</h2>   

韦东山 [百问网](https://www.100ask.net) LVGL教程包括视频教程、文档教程，由韦东山 [百问网](https://www.100ask.net) 开发团队研发。目的是为大家提供一个 **免费、优质、系统** 的 LVGL 学习教程(目前基于 lvgl 8.1 版本)，资料源码全部开源(MIT License)，祝你学习愉快！

- lvgl英文开发参考手册(lvgl官方)：[https://docs.lvgl.io/](https://docs.lvgl.io/)
- lvgl中文开发参考手册(韦东山百问网)：[http://lvgl.100ask.net/](http://lvgl.100ask.net/)


# 介绍(Introduction)


# 学习路线(Path)

1. 通过体验lvgl的[在线交互综合示例](https://lvgl.io/demos)，来了解LVGL有哪些实际应用：
   1. LVGL官方在线示例：[https://lvgl.io/demos](https://lvgl.io/demos)
   2. 百问网LVGL项目示例：[LVGL示例(Demo)](#LVGL示例(Demo))
2. 在这里体验一些lvgl的在线交互小示例，下面两个体验地址的内容都是一样的(lvgl官网访问会比较慢)：
   1. lvgl官方站点：[https://docs.lvgl.io/master/examples.html](https://docs.lvgl.io/master/examples.html)
   2. 韦东山百问网lvgl中文站点：[http://lvgl.100ask.net/master/examples.html](http://lvgl.100ask.net/master/examples.html)
3. 通过 PC 模拟器快速上手体验 LVGL (本教程推荐使用 [code::block](https://www.codeblocks.org)，因为她开箱即用非常便捷)，这个软件无需自己去下载，本资料已提供。
4. 跟着教程学习 lvgl widgets 的功能和用法(初级教程)
5. 跟着教程学习 lvgl 背后的实现原理(高级教程)
6. 将你的 lvgl 代码移植到你的开发板或硬件平台上运行(移植教程)
6. LVGL+RTOS专题(freeRTOS、RT-Thread)


# 开始学习(Get started)

1. 先克隆本仓库获取资料：git clone [https://gitee.com/weidongshan/lvgl_100ask_course_materials.git](https://gitee.com/weidongshan/lvgl_100ask_course_materials.git)
2. 需要观看视频教程请阅读本资料根目录的 `01_视频教程/README.md` 文档说明。
3. 课堂PTT(课件)位于：**01_视频教程/** 目录下
4. 需要阅读文档教程请阅读本资料根目录的 `04_参考手册/README.md` 文档说明。
5. 安装开发环境请进入本资料根目录的 `03_开发软件` 查看软件列表进行安装，视频教程中有对应的安装教程。
6. `02_程序源码` 中提供了视频课程中用到的所有教学代码，并且提供了不同硬件平台的项目模板，你可以在项目模板中直接使用教程代码。


# LVGL示例(Demo)

## Linux项目成品展示

项目效果演示视频：[https://www.bilibili.com/video/BV1nT4y1R7rz](https://www.bilibili.com/video/BV1nT4y1R7rz)

![https://img-blog.csdnimg.cn/da2dfa5b8a624d8f9390c4f3ad9847fb.jpg](https://img-blog.csdnimg.cn/da2dfa5b8a624d8f9390c4f3ad9847fb.jpg)

## 单片机项目成品展示

STM32F103运行 LVGL 演示视频：[https://www.bilibili.com/video/BV1im4y1X7g4](https://www.bilibili.com/video/BV1im4y1X7g4)

![https://img-blog.csdnimg.cn/20210507170140434.png](https://img-blog.csdnimg.cn/20210507170140434.png)


Raspberry pico运行 LVGL 示例
![https://img-blog.csdnimg.cn/20210319144406412.png](https://img-blog.csdnimg.cn/20210319144406412.png)


## 更多示例
 TODO...


# 联系我们(About us)

- 百问网官网：[http://www.100ask.net](http://www.100ask.net)
- 百问网官方wiki：[http://wiki.100ask.org](http://wiki.100ask.org)
- 百问网官方论坛：[http://bbs.100ask.net](http://bbs.100ask.net)
- 微信公众号：百问科技
- B站：[https://space.bilibili.com/275908810](https://space.bilibili.com/275908810)
- CSDN：[https://edu.csdn.net/lecturer/90](https://edu.csdn.net/lecturer/90)
- 知乎：[https://www.zhihu.com/people/www.100ask/](https://www.zhihu.com/people/www.100ask/)
- 微博：[https://weibo.com/888wds?topnav=1&wvr=6](https://weibo.com/888wds?topnav=1&wvr=6)
- 电子发烧友学院：[http://t.elecfans.com/teacher/3.html](http://t.elecfans.com/teacher/3.html)


微信公众号( baiwenkeji )  |  [`视频教程在线学习平台`](http://www.100ask.net)

![微信公众号( baiwenkeji )](http://photos.100ask.net/ELADCMSecond/aboutus/followus.png)



公司名称：深圳百问网科技有限公司
-  电话: 0755-86200561
-  淘宝: [https://100ask.taobao.com](https://100ask.taobao.com)
-  技术支持邮箱: weidongshan@qq.com 
-  地        址: 广东省深圳市龙岗区布吉南湾街道平吉大道建昇大厦B1505 
-  邮        编: 518114