【LVGL】SquareLine Studio入门基础操作

1.SquareLine Studio基础

   在这篇文章中将介绍SquareLine Studio的基础操作、解释如何加载一个项目、布局结构。
   启动软件后，可以加载之前的项目、创建项目、加载一个示例。

   这里以打开示例audio_mixer为例，可以双击该项目打开或者选中该项目点击右下角的【创建】按钮。

平移视图：按住鼠标中键；
移动屏幕上的小部件：鼠标左键单击选中，可以通过边框上的控制点来控制其大小。
右击屏幕可以显示小部件列表；

   SquareLine Studio主要有三个面板，小部件、层次结构和检查器。移动父小部件时，子小部件也会移动。在检查器面板中会显示所选小部件的参数，可以改变其位置、大小、对其方式及自定义样式和事件等。

2.SquareLine Studio创建小部件

   本节将介绍如何创建一个新项目、将小部件添加到屏幕、将图像资源添加到项目中。
   创建项目时，可以查看板子描述、填写项目介绍、设置项目名称、存放位置、分辨率等信息。

   点击【创建】后，第一个屏幕将自动添加到屏幕。

   点击【按钮】小部件，屏幕中显示蓝色按钮，在“属性”面板中会显示该小部件信息，可以修改其名字、大小、位置（默认为居中对齐），对齐方式有两种，像素/百分比。

   点击【标签】，生成的文本框默认是和按钮同级，将“标签”层级拖拽至“按钮”层级中，移动“按钮”“标签”也将跟着运动。

3.SquareLine Studio创建样式

   在本小节中，将介绍样式是什么，以及他们是如何工作的，在SquareLine Studio应用了一个主题来设置所有小部件的默认样式，这些默认值可以通过每个屏幕和小部件上的独特样式进行覆盖。
   新创建的项目中只有一个屏幕，并且默认被选中，【属性】面板中，在【样式设置】部分找到屏幕的样式。小部件的每个部分都可以在不同的状态下进行分别样式设置，你可以在状态下拉列表中，选择要更改的状态，默认情况下为“默认状态”，指的是未按下、未聚焦、未选中的状态。