网站建设编写代码问题,wordpress初级教程,网站开发硬件配置,青岛网站制作设计目录 简介注册与软件获取工程配置设计 UI导出源码板级验证更多内容 简介
SquareLine Studio 是一款专业的 UI 设计软件#xff0c;它与 LVGL#xff08;Light and Versatile Graphics Library#xff0c;轻量级通用图形库#xff09;紧密集成。LVGL 是一个轻量化的、开源的… 目录 简介注册与软件获取工程配置设计 UI导出源码板级验证更多内容 简介
SquareLine Studio 是一款专业的 UI 设计软件它与 LVGLLight and Versatile Graphics Library轻量级通用图形库紧密集成。LVGL 是一个轻量化的、开源的、在嵌入式系统中广泛使用的图形库它提供了一套丰富的控件和组件只需要少量的内存和计算资源使得在资源受限的设备上创建高端的图形界面成为可能。
SquareLine Studio 提供了一个直观的拖放界面允许用户通过拖放组件来设计用户界面无需编写复杂的代码。它支持多种组件和布局用户可以自定义样式、动画和行为。设计完成后SquareLine Studio 可以将设计直接导出为 C 代码这些代码直接嵌入到嵌入式项目的源代码中极大地简化了开发流程。
SquareLine Studio 适合希望快速开发嵌入式设备用户界面的开发人员特别是那些没有或不想直接编写 GUI 代码的开发人员。
官方地址https://squareline.io/ 官方文档地址https://docs.squareline.io/docs/squareline/ 注册与软件获取
注册账号https://squareline.io/sign-up 验证邮箱即可完成 软件下载地址https://squareline.io/downloads 解压缩、双击运行安装程序直接安装即可安装完成后打开软件输入邮箱密码点击 LOG IN 勾选获取的许可证点击 SELECT LICENSE 点击 START SQUARELINE 即可开始使用 工程配置
选择 Create可以创建多个平台的 GUI 工程我选择桌面系统下的 Visual Studio 2019 工程配置完工程信息后点击 Create 创建 点击 File--Project Settings 可重新配置工程 此处可配置 UI 源码的导出路径以及 lvgl 头文件 lvgl.h 的路径 设计 UI
设计 UI 界面如图所示后续再完善设计流程 导出源码
点击 Export--UI Files 即可导出 UI 源码若未配置导出路径则需先选择保存路径再导出 导出成功后查看导出 UI 源码目录 同时支持导出模板工程点击 Export--Template Project浏览选择工程保存路径即可 查看导出模板工程目录 用 Visual Studio 2019 打开 板级验证
将导出的 UI 源码添加到项目工程中主程序中添加 ui.h 头文件调用一次 ui_init() 函数即可。 编译下载、运行 更多内容
CSDN博客Hello阿尔法哔哩哔哩Hello阿尔法知乎Hello阿尔法
