1、LVGL —— Ubuntu20环境建立vscode模拟器

1、前置准备

  • 参考之前写过的文章:
    • VM虚拟机安装Ubuntu 20.04
    • ubuntu安装vscode

2、下载lvgl模拟库

  • 目前使用版本:V7.11.0(V8 需要的配置比 V7 高)
  • 在终端操作:
mkdir -p ~/lvgl
cd ~/lvgl

git clone -b 7.11.0 --recursive https://github.com/lvgl/lv_sim_vscode_sdl.git
//如果想用最新版,请改用以下命令:
//git clone --recursive https://github.com/lvgl/lv_sim_vscode_sdl
  • 如果子模块下载失败:
cd ~/lvgl/lv_sim_vscode_sdl
git submodule update --init --recursive
  • 安装sdl2
sudo apt-get update && sudo apt-get install -y build-essential libsdl2-dev

3、VScode 运行例程

  • vscode打开 lv_sim_vscode_sdl文件
cd ~/lvgl
code lv_sim_vscode_sdl
  • 需要安装扩展:c/c++
    1、LVGL —— Ubuntu20环境建立vscode模拟器_第1张图片
  • 按F5运行
    1、LVGL —— Ubuntu20环境建立vscode模拟器_第2张图片
  • 运行其他例子,修改这里:
    1、LVGL —— Ubuntu20环境建立vscode模拟器_第3张图片

4、补充

  • 如果屏幕大小需要改变,在 lv_conf.h 里修改:
    1、LVGL —— Ubuntu20环境建立vscode模拟器_第4张图片
  • 如果修改了屏幕大小,请将 build 文件删除,重新编译 !!!
    1、LVGL —— Ubuntu20环境建立vscode模拟器_第5张图片

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