【LVGL】【入门】基础知识概念篇

一、GUI简介(了解)

GUI(graphic user interface):图形用户界面,是指采用图形方式显示的计算机操作用户界面。
优势:易用,大大降低用户学习成本。

就是每个按钮都会对应一个函数,你点击操作了就会执行它们。
GUI库可以降低移植难度;增加可移植性;风格更统一、协调;

【LVGL】【入门】基础知识概念篇_第1张图片

原来这个界面每次开发,都要由开发人员代码是一点一点写出来,后面把它封装成了函数的形式-->库,方便了一点了。
为了更方便,后面有了图形化界面的开发工具。
                代码->库->图形化界面开发工具;

嵌入式中常用的GUI库

二、LVGL简介(了解)

LVGL(Light and Versatile Graphics Library)是一个轻量、多功能的开源图形库。代码托管于github仓库
点击进入官网了解更多信息

使用MIT许可开源

【LVGL】【入门】基础知识概念篇_第2张图片

部件

【LVGL】【入门】基础知识概念篇_第3张图片

显示

【LVGL】【入门】基础知识概念篇_第4张图片

输入设备

【LVGL】【入门】基础知识概念篇_第5张图片

三、移植要求

【LVGL】【入门】基础知识概念篇_第6张图片

优化LVGL运行效果的方法

【LVGL】【入门】基础知识概念篇_第7张图片

四、资料获取

  1. lvgl官网:https://Ivgl.io
  2. github仓库:https://github.com/lvgl/lvgl
  3. 对应开发板的官网

五、LVGL库文件介绍

example - porting 是输入输出接口

【LVGL】【入门】基础知识概念篇_第8张图片

官网8.2版本的文件

【LVGL】【入门】基础知识概念篇_第9张图片

只需要留下这些文件 -> 精简的移植包

【LVGL】【入门】基础知识概念篇_第10张图片
【LVGL】【入门】基础知识概念篇_第11张图片

六、需要掌握的知识

【LVGL】【入门】基础知识概念篇_第12张图片

总结

【LVGL】【入门】基础知识概念篇_第13张图片
【LVGL】【入门】基础知识概念篇_第14张图片
【LVGL】【入门】基础知识概念篇_第15张图片
【LVGL】【入门】基础知识概念篇_第16张图片
【LVGL】【入门】基础知识概念篇_第17张图片
【LVGL】【入门】基础知识概念篇_第18张图片
【LVGL】【入门】基础知识概念篇_第19张图片

你可能感兴趣的:(LVGL,lvgl)