【DigiKey“智造万物，快乐不停”创意大赛】使用squareLine创建LVGL图形化界面

lugl4313820

【DigiKey“智造万物，快乐不停”创意大赛】使用squareLine创建LVGL图形化界面 [复制链接]

 

 

【前言】

squareLine studio可以帮助开发者快速创建图形界面。

【实现步骤】

1. 下载squareLine studio安装包，网址:https://squareline.io/downloads
   
2. 下载后需要注册一下帐号。
3. 安装时打开，一路next就行了。

【创建工程】

1. 安装结束后打开软件，按如下创建自己的工程：
   
2. 在使用中，默认是没有中文字体的，需要自己添加中文字体。首先我们要去下载中文字体，格式只能使用.ttf、otf的字库，字库大家可以在网站上下载，大家自行解决：
   
   我是在网站爱给网下载的：
   
   下载好后把字体文件拷到工程文件夹的asset文件夹里，然后在squareLine studio下面就可以看到了。
   
3. 生成自己的中文自定义字库，在Font的界面下，依次输入自定义字体的名称、选择字库、需要生成的字库的大小、以及需要使用的字，最后点击creat按键生成字库。
   
4. 如果要修改字库按下面进行：点击字库前面的三角箭头，然后按需要修改好，最后按modify保存修改。
   
5. 设置UI导出的目录：点击菜单fiel->project setinngs，配置导出UI的文件夹：
   
6. 把导出的UI文件导入到工程中，我们复制UI文件夹，把他粘贴到stm32cudeIDE上，然后添加文件夹路径。
   
   
7. 在工程中我们加入对ui的引用，然后在lvgl_init后面加入ui_init()就可以出现我们设计的介面了：

【心得体会】

squareLine Studio入门之前，我反复阅读了正点原子、百问网的资料，观察了视频以及B站上面的视频教程，然后结合实践，算是初步入门了。入门后感觉使用起来还是挺方便的，可以实时的预览界面，不用一次一次的下载调试，这对于大的工程来说，使用这个工具非常之有必要，万事开头难，多试试就好。

总之，我们比较难的就是，一是如何创建工程、二是如何添加自字义，特别是中文的字库、三是如何把工程移植到我们的项目中。

Jacktang

如楼主总结如何创建工程、如何添加自字义，中文字库、工程移植这几个确实是难点重点

lugl4313820

Jacktang 发表于 2023-11-24 07:44 如楼主总结如何创建工程、如何添加自字义，中文字库、工程移植这几个确实是难点重点

感谢版主大佬的关注与点评，正如昨天我去参加领奖时，国内嵌入式大佬们所说的，优秀的工程师，重在保持初心，每天投入时间学习。我们只有不断的学习充实自己，才让更多的人生活有意义！

常见泽1

lugl4313820 发表于 2023-11-24 08:00 感谢版主大佬的关注与点评，正如昨天我去参加领奖时，国内嵌入式大佬们所说的，优秀的工程师，重在保持初 ...

大佬 参加的啥颁奖  
你这个板子是ST的哪个板子啊

lugl4313820

常见泽1 发表于 2023-11-24 23:02 大佬 参加的啥颁奖   你这个板子是ST的哪个板子啊

隔壁的电子工程师。深圳福田区，收获挺大的。还拿了一个奖杯回来。

 

常见泽1

lugl4313820 发表于 2023-11-25 12:25 隔壁的电子工程师。深圳福田区，收获挺大的。还拿了一个奖杯回来。  

牛逼啊 膜拜大佬

damiaa

这个不错，楼主这个正式版好像要收费啊。怎么解决的？试用版好像不收费不过才30天，个人版功能受限。

楼主这么卖力准备搞个大奖啊

lugl4313820

damiaa 发表于 2023-11-28 10:03 这个不错，楼主这个正式版好像要收费啊。怎么解决的？试用版好像不收费不过才30天，个人版功能受限。 楼 ...

好象可以免费用，但是只能放50个控件，5个屏，好象很多功能受限。基本用户可以满足用了。