【前言】
squareLine studio可以帮助开发者快速创建图形界面。
【实现步骤】
- 下载squareLine studio安装包，网址:javascript:;
- 下载后需要注册一下帐号。
- 安装时打开，一路next就行了。
【创建工程】
- 安装结束后打开软件，按如下创建自己的工程：
- 在使用中，默认是没有中文字体的，需要自己添加中文字体。首先我们要去下载中文字体，格式只能使用.ttf、otf的字库，字库大家可以在网站上下载，大家自行解决：
我是在网站爱给网下载的：
下载好后把字体文件拷到工程文件夹的asset文件夹里，然后在squareLine studio下面就可以看到了。
- 生成自己的中文自定义字库，在Font的界面下，依次输入自定义字体的名称、选择字库、需要生成的字库的大小、以及需要使用的字，最后点击creat按键生成字库。
- 如果要修改字库按下面进行：点击字库前面的三角箭头，然后按需要修改好，最后按modify保存修改。
- 设置UI导出的目录：点击菜单fiel->project setinngs，配置导出UI的文件夹：
- 把导出的UI文件导入到工程中，我们复制UI文件夹，把他粘贴到stm32cudeIDE上，然后添加文件夹路径。
- 在工程中我们加入对ui的引用，然后在lvgl_init后面加入ui_init()就可以出现我们设计的介面了：
【心得体会】
squareLine Studio入门之前，我反复阅读了正点原子、百问网的资料，观察了视频以及B站上面的视频教程，然后结合实践，算是初步入门了。入门后感觉使用起来还是挺方便的，可以实时的预览界面，不用一次一次的下载调试，这对于大的工程来说，使用这个工具非常之有必要，万事开头难，多试试就好。
总之，我们比较难的就是，一是如何创建工程、二是如何添加自字义，特别是中文的字库、三是如何把工程移植到我们的项目中。
本文来自论坛，点击查看完整帖子内容。
