目录
- 1.SquareLine Studio基础
- 2.SquareLine Studio创建小部件
- 3.SquareLine Studio创建样式
- 4.SquareLine Studio创建事件和响应动作
- 5.SquareLine Studio创建动画
- 6.SquareLine Studio导出项目
- 7.SquareLine Studio导出到现有工程中
- 8.SquareLine Studio添加自定义开发板
- 9.SquareLine Studio强大布局管理器(类似安卓设计理念)
- 10.SquareLine Studio组件使用
1.SquareLine Studio基础
在这篇文章中将介绍SquareLine Studio的基础操作、解释如何加载一个项目、布局结构。
启动软件后,可以加载之前的项目、创建项目、加载一个示例。
这里以打开示例audio_mixer为例,可以双击该项目打开或者选中该项目点击右下角的【创建】按钮。
平移视图:按住鼠标中键;
移动屏幕上的小部件:鼠标左键单击选中,可以通过边框上的控制点来控制其大小。
右击屏幕可以显示小部件列表;
SquareLine Studio主要有三个面板,小部件、层次结构和检查器。移动父小部件时,子小部件也会移动。在检查器面板中会显示所选小部件的参数,可以改变其位置、大小、对其方式及自定义样式和事件等。
2.SquareLine Studio创建小部件
本节将介绍如何创建一个新项目、将小部件添加到屏幕、将图像资源添加到项目中。
创建项目时,可以查看板子描述、填写项目介绍、设置项目名称、存放位置、分辨率等信息。
点击【创建】后,第一个屏幕将自动添加到屏幕。
点击【按钮】小部件,屏幕中显示蓝色按钮,在“属性”面板中会显示该小部件信息,可以修改其名字、大小、位置(默认为居中对齐),对齐方式有两种,像素/百分比。
点击【标签】,生成的文本框默认是和按钮同级,将“标签”层级拖拽至“按钮”层级中,移动“按钮”“标签”也将跟着运动。
3.SquareLine Studio创建样式
在本小节中,将介绍样式是什么,以及他们是如何工作的,在SquareLine Studio应用了一个主题来设置所有小部件的默认样式,这些默认值可以通过每个屏幕和小部件上的独特样式进行覆盖。
新创建的项目中只有一个屏幕,并且默认被选中,【属性】面板中,在【样式设置】部分找到屏幕的样式。小部件的每个部分都可以在不同的状态下进行分别样式设置,你可以在状态下拉列表中,选择要更改的状态,默认情况下为“默认状态”,指的是未按下、未聚焦、未选中的状态。