SquareLine Studio开发经验(二)创建工程并移植到Keil

这篇具有很好参考价值的文章主要介绍了SquareLine Studio开发经验(二)创建工程并移植到Keil。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、创建工程

打开SquareLine Studio,点击Creat,选择Simulator,右下角根据显示屏分辨率以及Bit数,填写好参数,点击右下角CREAT,创建工程。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 在Screen中添加一个Label控件,编辑Label的字体颜色以及字体大小,此处字体大小选择40(注意字体大选如果不是默认值,程序中需要相应的修改

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 在Screen中添加一个Image控件,点击右下角ADD FILE INTO ASSETS,添加PNG图片到工程。选择Image控件,选择刚添加的PNG图片。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 点击右上角的三角形按钮,可以仿真看效果。因为没有添加按钮等带效果的控件,所以点击控件无反应。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 点击Export->Export File,导出UI文件,包括UI Layout的.c和.h文件,以及PNG图片编码后的.c文件。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 二、移植

找到一个一直好LVGL的工程,新建UI文件件,将上面生成的.c和.h文件添加到文件夹中。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

将.c和.h文件添加到Keil工程中。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 添加完成后,第一次编译,有以下几个错误。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

将ui.h和ui_helpers.h中的四行代码注释掉。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 再次编译,发现还有报错。这个错误是40号字体没有定义。我们在lv_conf.h文件中,打开40号字体的宏定义。

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

 再次编译,已经没有报错了。

三、烧录运行

将程序烧录到开发板中并运行,显示效果如下:

squareline studio教程,SquareLine Studio,stm32,ui,交互,单片机

和 SquareLine Studio编辑的界面一模一样。

这就是所见即所得的开发方式。

下一篇将介绍如何把导出的文件如果在Visual Studio中模拟运行。文章来源地址https://www.toymoban.com/news/detail-790388.html

到了这里,关于SquareLine Studio开发经验(二)创建工程并移植到Keil的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【LVGL学习笔记】(五)使用SquareLine Studio设计UI

    LVGL全程LittleVGL,是一个轻量化的,开源的,用于嵌入式GUI设计的图形库。并且配合LVGL模拟器,可以在电脑对界面进行编辑显示,测试通过后再移植进嵌入式设备中,实现高效的项目开发。 LVGL中文教程手册:极客笔记之LVGL教程 介绍: SquareLine Studio 是LVGL官方推荐的UI设计平台

    2024年02月03日
    浏览(38)
  • RT-Thread Studio使用经验——项目创建及文件介绍

    1.创建项目时会有两种选择 RT Thread项目 和 RT Thread Nano项目 ,RT Thread项目体量比较大,包含了RT Thread的大部分功能,比如应用层开发,驱动开发,图形界面开发等,生成程序的大小大约在50kb左右; RT Thread Nano属于轻量级的RT Pthread工程开发,只包含了基础的裸机开发的部分库文

    2024年02月08日
    浏览(42)
  • imx8的源码开发方式非yocto方式(二)——基于imx8的uboot源码移植经验

    先从NXP官方的github源码库中下载各个版本的u-boot, uboot的下载地址为: GitHub - nxp-imx/uboot-imx: i.MX U-Boot 图1 选择uboot版本 1.本文下载最新的uboot版本(lf-5.15.71-2.2.0)的tar.gz的压缩包。 图2 拷贝、解压uboot源码到工作目录 2.拷贝uboot源码到ubuntu工作目录,并解压uboot压缩包,流程如

    2024年02月02日
    浏览(41)
  • 三方库移植之NAPI开发(三)通过IDE开发NAPI工程

    在三方库移植之NAPI开发[1]—Hello OpenHarmony NAPI一文中,笔者开发的是一个rom包的napi工程。该工程需要编译烧录固件,C ++的动态库会集成到开发板的ROM中。 在本篇文章中,笔者使用三方库移植之NAPI开发[1]—Hello OpenHarmony NAPI中一样的hellonapi.cpp和index.ets源码,通过IDE开发一个R

    2024年04月16日
    浏览(52)
  • ESP32 ESP-IDF + LVGL + SquareLine Studio 设计 UI 界面

    陈拓 2022/12/10-2022/12/12 关于SquareLine Studio,乐鑫官方的ESP技术文章有介绍: 在 ESP 开发板上开发 UI 不再复杂 - 知乎 如果您尝试过在没有图形库的情况下开发 UI,那么您一定知道这有多困难。幸运的是,由乐鑫芯片驱动的屏幕,可支持用户使用多种图形库来开发 UI, LVGL 就是其

    2024年01月19日
    浏览(62)
  • 面试经验分享 | 某康安全开发工程师

    DOM型xss和别的xss最大的区别就是它不经过服务器,仅仅是通过网页本身的JavaScript进行渲染触发的。 平常用的多的是MySQL数据库,像Oracle数据库也有了解,但是用的不多。 我的研究方向是自然语言处理,具体的领域是虚假信息检测。我的小论文中采用的数据集是twitter15和twit

    2024年04月15日
    浏览(61)
  • 使用AURIX Development Studio创建一个新的工程

    Step 1 下载并安装AURIX Development Studio,打开软件 Step 2 连接单片机及下载器,由于没有防呆接口,注意单片机处连接线的正确性,本文使用逐飞科技提供的TC264芯片,连接为红线对应TMS,3V3引脚。如果连接正确,单片机扩展板上的几个LED灯为闪烁状态,表明连接正确 Step 3 打开

    2024年01月23日
    浏览(43)
  • Android studio创建新的工程时没有语言选项

    用新的Android studio创建工程时有时候会遇到没有语言选项,默认创建的工程是kotlin语言。 这时我们可以创建别的工程比如Empty view Activity 可以看到这时候就有语言选项

    2024年02月11日
    浏览(70)
  • 在visual studio里安装Python并创建python工程

        在2009年,云计算开始发力,Python、R、Go这些天然处理批量计算的语言也迅猛发展。微软在2010年,把Python当成一个语言包插件,集成到了visual studio 2010里。在\\\"云优先,移动优先\\\"的战略下,于2015年,微软收购了R语言的创始团队。又过5年,即在2020年,Python语言的创始人吉

    2024年02月06日
    浏览(45)
  • OCCT教程二:在visual studio上创建一个occt工程

    上一篇博客讲述如何在windows下使用MSVC对occt进行编译,这一篇演示如何创建简单的OCCT工程. 首先打开visual studio,创建一个C++空项目,并且随便起一个名称,例如Project1  需要两点注意:1.在资源文件中添加一个main.cpp。                           2.在解决方案平台中选择X6

    2024年02月06日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包