SquareLine_Studio入门使用教程

一、通过示例创建ui

1、选择示例(笔者屏幕:SPI TFT 240x320 ),选择Smart_Gadget 示例工程SquareLine_Studio入门使用教程_第1张图片

 2、双击打开示例工程,界面大致如下

SquareLine_Studio入门使用教程_第2张图片

 SquareLine_Studio入门使用教程_第3张图片

 SquareLine_Studio入门使用教程_第4张图片

 SquareLine_Studio入门使用教程_第5张图片

 SquareLine_Studio入门使用教程_第6张图片

 3、配置工程(本次演示只保留三个页面)

SquareLine_Studio入门使用教程_第7张图片

SquareLine_Studio入门使用教程_第8张图片

配置好后,选择 APPLY CHANGES

 4、导出ui源码文件

SquareLine_Studio入门使用教程_第9张图片

 ui源文件如下

SquareLine_Studio入门使用教程_第10张图片

ui.c/h 提供ui初始化接口,操作ui组件等接口

screens 下是页面相关文件,如下图

SquareLine_Studio入门使用教程_第11张图片

5、用户程序调用ui_init()

SquareLine_Studio入门使用教程_第12张图片

 根据不同按键值切换界面

SquareLine_Studio入门使用教程_第13张图片

 6、效果图

你可能感兴趣的:(透明的stm32,stm32,单片机,c语言,开发语言)