SquareLine_Studio入门使用教程

这篇具有很好参考价值的文章主要介绍了SquareLine_Studio入门使用教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、通过示例创建ui

1、选择示例(笔者屏幕:SPI TFT 240x320 ),选择Smart_Gadget 示例工程SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

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

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

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

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

配置好后,选择 APPLY CHANGES

 4、导出ui源码文件

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 ui源文件如下

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

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

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

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

5、用户程序调用ui_init()

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 根据不同按键值切换界面

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

 6、效果图

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言

SquareLine_Studio入门使用教程,透明的stm32,stm32,单片机,c语言,开发语言文章来源地址https://www.toymoban.com/news/detail-697659.html

到了这里,关于SquareLine_Studio入门使用教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【ESP-IDF】在squareline studio上设计GUI并移植到esp-box上

    因为 squareline studio 软件中适配了 ESP-BOX ,所以作者本想直接使用该软件创建的工程,但是会出现花屏的现象,也不知道是不是没有做好 esp-box-lite 的适配。 因此只能先用 squareline studio 设计好 GUI ,然后再导出其代码,在其他例程中进行移植工作。 这一步网上教程很多,本身

    2024年02月05日
    浏览(44)
  • 使用Visual Studio 2022实现透明按钮和标签、POPUP样式窗体的一种工业系统的UI例程

    1、主窗体采用POPUP样式,无标题栏、无菜单栏,适合工业类软件 2、按钮、标签使用自绘,实现透明样式,可以实现灵活的样式设计,更具设计感 3、整个UI进行了独立设计,导出了函数,可以在主程序使用 4、实现了全局变量的导入,减少了局部变量的使用 5、使用pBITMAPINFO结

    2024年02月09日
    浏览(88)
  • Microsoft Visual Studio 2022 透明背景修改(快捷方法)

    之前一直用的2019,现在换电脑了下的2022,想自定义背景,发现以前的方法不好用了。目前有两种方法可以把背景设置成透明的然后添加自己的图片。(参考了以前的经验帖子,链接就放下面了): (5条消息) Visual Studio 2022界面美化教程_CN天狼-CSDN博客 (5条消息) Microsoft Visual

    2024年02月06日
    浏览(94)
  • Android Studio入门级教程(详细)【小白必看】[通俗易懂]

    Android Studio如何使用 本文主要讲解一下Android Studio使用方法 步骤: 1.建立项目 首先点击new——new project新建项目 选择想要创建的Android 的模板,建议选择empty activity(空模板),然后next Name:给你的项目起一个名字 API level:选择Android 虚拟机的版本,版本越低运行起来越快 剩

    2024年02月08日
    浏览(55)
  • Android Studio开发入门教程:如何更改APP的图标?

    环境:Windows10、Android Studio版本如下图、雷电模拟器。 推荐图标库 默认APP图标 将新图标拉进src/main/res/mipmap-hdpi文件夹(一般app的icon图标是存放在mipmap打头的文件夹下的) 更改src/main/AndroidManifest.xml文件内容 引入我们刚刚导入的新图标 保存并运行,在雷电模拟器查看效果

    2024年02月03日
    浏览(58)
  • 最新Visual Studio下载安装以及C语言环境搭建教程(含C语言入门教程)

    最新Visual Studio下载安装以及C语言环境搭建教程来啦!一起来看看吧~ C语言是一种高级编程语言,由美国贝尔实验室的Dennis Ritchie于1972年发明,它是Unix操作系统的核心语言。C语言以其简洁、高效和可移植性在计算机编程领域得到广泛应用,成为了当今最为流行的编程语言之一

    2024年02月02日
    浏览(64)
  • 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程

    一、创建项目   二、创建卡片   三、应用服务代码 Index.ets 四、卡片代码 WidgetNewCard.ets 五、运行案例   六、案例卡片效果 注释说明: 现最新版的DevEco Studio中OpenHarmony项目在本目录下调整。将runtimeOS:””中间内容调为OpenHarmony即可。这种方式,不用开发板,通过预览器就可

    2024年02月05日
    浏览(49)
  • 2023最新版Android studio安装入门教程(非常详细)从零基础入门到精通,看完这一篇就够了

    目录 JDK安装与配置 一、下载JDK 二、JDK安装 三、JDK的环境配置 四、JDK的配置验证 Android studio安装 Android studio连接手机真机调试(以华为鸿蒙为例) 一、新建一个android项目 二、进入项目面板 三、配置Android Studio 四、安装手机驱动程序 五、连接手机 六、运行程序 七、查看手

    2024年02月10日
    浏览(49)
  • unity shader 入门 全透明与半透明效果实现

    片元函数的fixed4类型的返回值的第4位即为阿尔法值,0代表完全不显示(透明),1代表完全显示。中间的数值代表半透明。但只修改这个值是不能直接修改透明度的,因为还要对队列等进行修改。 本文介绍透明度测试与透明度混合,前者只能制作全透明效果,后者可制作半透明

    2024年02月14日
    浏览(48)
  • Visual Studio下载安装教程(非常详细)从零基础入门到精通,看完这一篇就够了

    官网下载地址: https://visualstudio.microsoft.com/zh-hans/downloads/ 因为是个人学习用途,所以我这里下载的是社区版本。 下载下来的是一个.exe文件 双击打开后,会加载一些东西。最后出现下面的界面 (一)更改安装路径 首先,我们要设置一下安装路径。因为visual studio占用的空间十

    2024年02月15日
    浏览(61)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包