一、通过示例创建ui1、选择示例(笔者屏幕:SPITFT240x320),选择Smart_Gadget示例工程 2、双击打开示例工程，界面大致如下 3、配置工程（本次演示只保留三个页面）配置好后，选择APPLYCHANGES 4、导出ui源码文件 ui源文件如下ui.c/h提供ui初始化接口，操作ui组件等接口screens下是页面相关文件，如下图5、用户程序调用ui_init() 根据不同按键值切换界面 6、效果图
因为squarelinestudio软件中适配了ESP-BOX，所以作者本想直接使用该软件创建的工程，但是会出现花屏的现象，也不知道是不是没有做好esp-box-lite的适配。因此只能先用squarelinestudio设计好GUI，然后再导出其代码，在其他例程中进行移植工作。1.下载并安装squarelinestudio这一步网上教程很多，本身也不复杂。2.创建工程及路径设置（1）创建工程选择Create->Espressif->ESP-BOX。右侧进行一些项目设置。（2）路径设置在左上角选择CreateTemplateProject，然后选择一个文件夹作为工程目录。3.获得代码文件在su
1、在SquareLine_Studio编辑一个Lable标签2、默认生成的代码//Label1ui_Label1=lv_label_create(ui_Screen1);lv_obj_set_width(ui_Label1,LV_SIZE_CONTENT);lv_obj_set_height(ui_Label1,LV_SIZE_CONTENT);lv_obj_set_x(ui_Label1,0);lv_obj_set_y(ui_Label1,0);lv_obj_set_align(ui_Label1,LV_ALIGN_CENTER);lv_label_set_text(ui_Label1,"
一、创建工程打开SquareLineStudio,点击Creat,选择Simulator,右下角根据显示屏分辨率以及Bit数，填写好参数，点击右下角CREAT，创建工程。 在Screen中添加一个Label控件,编辑Label的字体颜色以及字体大小，此处字体大小选择40（注意字体大选如果不是默认值，程序中需要相应的修改） 在Screen中添加一个Image控件，点击右下角ADDFILEINTOASSETS，添加PNG图片到工程。选择Image控件，选择刚添加的PNG图片。 点击右上角的三角形按钮，可以仿真看效果。因为没有添加按钮等带效果的控件，所以点击控件无反应。 点击Export->Expo
一、创建工程打开SquareLineStudio,点击Creat,选择Simulator,右下角根据显示屏分辨率以及Bit数，填写好参数，点击右下角CREAT，创建工程。 在Screen中添加一个Label控件,编辑Label的字体颜色以及字体大小，此处字体大小选择40（注意字体大选如果不是默认值，程序中需要相应的修改） 在Screen中添加一个Image控件，点击右下角ADDFILEINTOASSETS，添加PNG图片到工程。选择Image控件，选择刚添加的PNG图片。 点击右上角的三角形按钮，可以仿真看效果。因为没有添加按钮等带效果的控件，所以点击控件无反应。 点击Export->Expo
陈拓2022/12/10-2022/12/121.概述关于SquareLineStudio，乐鑫官方的ESP技术文章有介绍：在ESP开发板上开发UI不再复杂-知乎如果您尝试过在没有图形库的情况下开发UI，那么您一定知道这有多困难。幸运的是，由乐鑫芯片驱动的屏幕，可支持用户使用多种图形库来开发UI，LVGL就是其中之一。通常情况下，在使用LVGL或类似的图形库前，用…https://zhuanlan.zhihu.com/p/574436496SquareLineStudio是一个可视化工具，可使用LVGL图形库开发UI，且支持多个平台，如MacOS、Windows和Linux。在该工具中，我们通
陈拓2022/12/10-2022/12/121.概述关于SquareLineStudio，乐鑫官方的ESP技术文章有介绍：在ESP开发板上开发UI不再复杂-知乎如果您尝试过在没有图形库的情况下开发UI，那么您一定知道这有多困难。幸运的是，由乐鑫芯片驱动的屏幕，可支持用户使用多种图形库来开发UI，LVGL就是其中之一。通常情况下，在使用LVGL或类似的图形库前，用…https://zhuanlan.zhihu.com/p/574436496SquareLineStudio是一个可视化工具，可使用LVGL图形库开发UI，且支持多个平台，如MacOS、Windows和Linux。在该工具中，我们通
LVGL全程LittleVGL，是一个轻量化的，开源的，用于嵌入式GUI设计的图形库。并且配合LVGL模拟器，可以在电脑对界面进行编辑显示，测试通过后再移植进嵌入式设备中，实现高效的项目开发。LVGL中文教程手册：极客笔记之LVGL教程介绍：SquareLineStudio是LVGL官方推荐的UI设计平台，可以便捷地设计界面并一键生成代码导出。导出的代码在模拟器和嵌入式设备上都适用。目前支持的LVGL版本为8.2和8.3。对个人而言，注册即可免费使用。官方地址：SquareLineStudio一.打开和导出项目文件这里以SquareLineStudio提供的demo为例选择File-Proje
LVGL全程LittleVGL，是一个轻量化的，开源的，用于嵌入式GUI设计的图形库。并且配合LVGL模拟器，可以在电脑对界面进行编辑显示，测试通过后再移植进嵌入式设备中，实现高效的项目开发。LVGL中文教程手册：极客笔记之LVGL教程介绍：SquareLineStudio是LVGL官方推荐的UI设计平台，可以便捷地设计界面并一键生成代码导出。导出的代码在模拟器和嵌入式设备上都适用。目前支持的LVGL版本为8.2和8.3。对个人而言，注册即可免费使用。官方地址：SquareLineStudio一.打开和导出项目文件这里以SquareLineStudio提供的demo为例选择File-Proje
LVGL+OneOS!LVGL，一款很火的GUI开发库，一个高度可裁剪、低资源占用、界面美观且易用的嵌入式系统图形库。本身并不依赖特定的硬件平台，任何满足LVGL硬件配置要求的微控制器均可运行LVGL。OneOS，中国移动针对物联网领域推出的轻量级操作系统，具有可裁剪、跨平台、低功耗、高安全等特点，支持ARMCortex-M/R/A、MIPS、RISC-V等主流CPU架构，兼容POSIX、CMSIS等标准接口，支持Micropython语言开发，提供图形化开发工具，能够有效提高开发效率并降低开发成本，帮助客户开发稳定可靠、安全易用的物联网应用。最近，浏览OneOS专区的时候，发现有网页在写On
