Mac通用LVGL搭建：基于M1 和 LVGL 9.2的复刻

还有一天退休了

已于 2024-11-13 09:41:31 修改

阅读量1.9k

点赞数 14

分类专栏： lvgl设计与开发文章标签： ui 软件构建

于 2024-10-31 11:27:36 首次发布

本文链接：https://blog.csdn.net/m0_68211771/article/details/143377016

版权

lvgl设计与开发专栏收录该内容

5 篇文章

订阅专栏

M1 MacOS运行lvgl效果

👏来到本次搭建环境demo：基于LVGL + Macos 环境（以m1为例）

 安装流程
   - 1. 安装homebrew
   - 2. 安装 sdl2 & cmake
   - 3. 选择lvgl模拟器版本 & lvgl实例版本
   - 4. 编译测试 & 编写运行一个小demo（栗子）

还欠你们一个小demo，我会补的，别担心！都会有的！

先来看看效果奥～

4.1 安装homebrew

那么，让我们开始趴～在开始安装之前，先确定是否已经安装homebrew，是的话请跳转到下一节

如👇图所示：就是没安装，已经安装的话会出现版本号等信息。

假设你具备”科学上网“的能力，请用👇的方法1

command + 空格 -> 输入：terminal -> 回车
command + v -> 回车执行

方法1：访问👆图中所示的官网：macOS（或 Linux）缺失的软件包的管理器 — Homebrew

- 推荐国内用户使用方法2

根据方法1，复制👇的命令回车(↩︎)执行

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

呜呜呜，安装到👆图的地方卡了很久，忍痛割爱 -> 换方法2

- 参考链接：https://zhuanlan.zhihu.com/p/341831809

- 要选 "安装脚本" 奥，在terminal中输入，忘记了可以👀 👆教程

- 👇的图好像少了一张，后面会补奥~

安装脚本(install homebrew)

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

卸载脚本(uninstall homebrew)

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/uninstall.sh)"

恭喜你，完成了环境搭建的里程碑的一步！yeap✌️。

现在请使用 homebrew(包管理工具) 去安装 LVGL模拟器的依赖吧～

安装脚本如👇：

brew install sdl2 cmake

4.2 下载LVGL文件

哇🎊，你也太棒了！离成功不远了，看到这里说明你已经成功安装了homebrew以及对应的依赖包。

接下来，跟着我继续下载对应的lvgl文件，很简单的奥～一步步全部告诉你！

下载目录:

lvgl 模拟器（以v9.2为例）
lvgl 实例（以v9.2为例）

首先打开为你准备好的网站：欢迎阅读LVGL中文开发手册！ — LVGL 文档

在左上角，选择你需要的lvgl版本

接着，找到👇图所示的pc模拟器的网址

好啦，我已经帮忙测试了，最方便的就是下载👆图中黄色框选的模拟器奥～

👆链接打开是一个github仓库，请跟随我的脚步继续安装～

别担心，👇国内仓库也准备好啦～

有了仓库链接了，那么就好办啦！

在终端(terminal) 选择你 mac系统上的某个位置，开始部署 lvgl 吧～

cd ~/Desktop                # 进入桌面目录
mkdir lvgl_mac_simulator    # 创建一个文件夹，名称：lvgl_mac_simulator

git clone https://github.com/lvgl/lv_port_pc_eclipse.git    # 国外仓库链接👈～
git clone https://gitee.com/ciryic/lv_port_pc_eclipse.git   # ✨国内仓库链接👈奥～

获取github仓库clone地址

当你拉取了这个文件，现在需要切换到你需要的模拟器分支

lvgl模拟器github：GitHub - lvgl/lv_port_pc_eclipse: PC simulator project for LVGL embedded GUI Library. Recommended on Linux and Mac.

请跟随👇的图操作奥～不会的请留言，点赞+评论+收藏可以激励我继续更新奥～

在👆图中已经成功获取到仓库url(链接)，现在需要在本地切换下分支

git branch --list             # 查看所有分支
git checkout release/v9.2     # 切换到 release/v9.2 分支(branch)

恭喜🎉你，成功切换了分支。到这一步，lvgl模拟器已经安排上啦～

让我们开始第二步，下载lvgl_instance(实例)

网址：GitHub - lvgl/lvgl: Embedded graphics library to create beautiful UIs for any MCU, MPU and display type.

和👆一样的方法奥，请继续加油💪

cd lv_port_pc_eclipse    # 进入模拟器目录
git clone repo_url       # 克隆仓库(clone repo)
git clone https://github.com/lvgl/lvgl.git        # 国外链接👈~
git clone https://gitee.com/ciryic/lvgl.git       # ✨国内链接👈~

跟着👇的图开始趴～

要注意啦，这里需要先切换到模拟器路径下！！！重要的的事情说亿遍！！！

好啦，下载完成后，别忘了切换分支奥～，要和模拟器一样奥，比如 v9.2

cd lvgl/                     # 进入目录
git checkout release/v9.2    # 切换分支

4.3 配置文件

很棒，前面那么多难点都被你攻破啦～还有最后一点点，就完成啦

在 vs code 中按照👇图片操作

重命名 lv_conf_template.h -> lv_conf.h
lv_conf.h 的宏 -> 设置值(value)为 1

4.4 开始编译啦

最最最后一步！别忘了先编译后运行！如果出错就删除build文件，再新建一遍奥～

为了方便记忆，一个个步骤来：

cd ~/Desktop/lvgl_mac_simulator/    # 进入 lvgl 实例目录
mkdir build                         # 创建 build 文件
cd build                            # 进入 build 文件
cmake ..                            # cmake 一下
make                                # make编译
make -j8                            # 推荐✨：需要cpu支持8线程，可百度

跟随👇的图开始趴，先打开terminal(终端)奥～