STM32迪文屏图标控件保姆级教程

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

要主图的去末尾,末尾福利图在等着你~~~

迪文屏官方开发指南PDF:(不方便下载的私聊我发给你)

https://download.csdn.net/download/qq_21370051/88647174?spm=1001.2014.3001.5503https://download.csdn.net/download/qq_21370051/88647174?spm=1001.2014.3001.5503

文章目录

前言

开发环境

二、使用步骤

1.添加图标控件

2.设置图标属性

3.图标库ICL文件生成

4.单片机程序编写

容易踩得坑


一、前言

本篇文章主要介绍了在DGBUS平台上使用图标变量的步骤。首先需要在DGBUS中添加一个图标变量控件,并设置图标的属性,包括大小和图标文件的引用。然后生成图标库ICL文件,选择要生成的图标文件并命名ICL文件,将生成的ICL文件引用到图标变量属性中。最后,在单片机程序中编写显示图标的函数,并在主循环中调用该函数即可实现图标的切换显示。文章还提到了一些容易踩到的坑,建议参考者注意避免。


开发环境

迪文屏型号 DMG80480T070_09WTC
DGUS版本 DGUS_V7646
单片机         GD32F407

一、迪文屏图标变量是什么?

在屏幕上指定区域生成一个控件,可以由程序控制切换显示不同的图标。

二、使用步骤

1.添加图标控件

先在DGBUS中拖拽添加一个图标变量到页面。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

2.设置图标属性

右侧属性框可以设置图标的大小,这个大小需要和咱原来的图标文件的像素大小一致,否则会出错,不能像QT那样指定显示区域大小后自动压缩放大显示。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 图标文件引用的是ICL格式的,关于ICL文件的生成方式和页面背景底图的生成方式一样,这里我不厌其烦~  哈哈哈   再稍微重复一下。放在末尾那一章节了。

3.图标库ICL文件生成

背景底图和图标ICL文件生成方式:

第一步,把冰箱门打卡~

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 下面蹦出来这个界面,这里面大部分都是默认就可以,注意你屏幕的内核类型

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

注意支持的文件类型:

支持文件类型:ICO,JPG,BMP,GIF,PNG
图片数量:不能超过64K张图片

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 全选你要生成的图标文件,所有被选中的图标文件会生成一个.icl图标库文件

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

注意文件名越简单越好,做好就是数字名,不然容易报错。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 然后点击生成,迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 然后跳出来的界面输入文件名,后缀要默认为icl,  命名像我这样,  50_ICON.icl 

50这个数字ID是可以自定义的,但是不要和背景图库,字库还有迪文屏系统默认的文件重复,规则如下,还要考虑生成的大小是否超限。

数字ID范围0-63  其中0-14  22 这几个系统使用了,其他的自己分配,每个ID号是256KB,根据文件的大小确定要占用多少个ID号,例如32.ICL是460KB,那就要占用32  33   2个ID号,下一个文件命名从34开始。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

好,接下来再回到,图标变量属性配置,这个步骤。

选中我们刚才生成的用来引用的图标库文件。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

图标的上限和下限对应生成的ICL图标库中文件的编号

例如,我刚才生成的,4和5图标。   我这个案例中的应用,就是让这个图标显示  开或者关两个图标,并且能来回切换。

那么图标下限就是4  上限就是5

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 然后点击上限、下限旁边的  小加号

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 选中上限和下限对应的图标,点击确认。

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 可以看到DGUS界面上的预览效果已经出来了

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

这就整好了   然后三连~~

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32

 下载到SD卡里,升级看看效果。

4.单片机程序编写

/*****************************************************************************************************
函数名称: DisplayIcon(T5L_ADDR+u16 addr,char *data,uint16_t len)
参    数: addr 地址;data要显示的图标编号
作    用: 
******************************************************************************************************/
void DisplayVarIcon(uint16_t addr,uint16_t icon_index)
{
    DiwenSendBuf[0]=DIWEN_HEAD_0;
    DiwenSendBuf[1]=DIWEN_HEAD_1;
    DiwenSendBuf[3]=0x82;
    DiwenSendBuf[4]=(addr>>8)&0xff;
    DiwenSendBuf[5]=addr&0xff;
		
    DiwenSendBuf[6]=(icon_index>>8)&0xff;
    DiwenSendBuf[7]=icon_index&0xff;

    DiwenSendBuf[2]=5;
		
		DIWEN_FOR_putn((uint8_t *)DiwenSendBuf,DiwenSendBuf[2]+3);			 
//    HAL_UART_Transmit(&huart5,(uint8_t *)DiwenSendBuf,DiwenSendBuf[2]+3,0xFF);
 }
// ICON_GUN01_ADDR   控件的地址   

// ICON_INDEX_NEED_CARD   要显示的图标编号,比如说 咱的例子里面的  4 或者  5 


// 主循环里  当检测到某个KEY触发后,调用下面的函数即可实现切换图标。
DisplayVarIcon(ICON_GUN01_ADDR,ICON_INDEX_NEED_CARD);  

 老规矩,文末来个福利图养养眼,放松一下  ~~

迪文屏视频教程下载,迪文屏,串口屏,图标变量显示,单片机,单片机GUI,STM32,GD32


三、容易踩得坑

1.要先生成图标库

2.生成图标库命令注意生成的文件大小,命名的ID号要注意不能和系统或自定义的其他库地址重复。文章来源地址https://www.toymoban.com/news/detail-808102.html

到了这里,关于STM32迪文屏图标控件保姆级教程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • J-LINK J-FLASH 下载STM32单片机程序使用教程

    J-LINK J-FLASH 下载程序使用教程 -V1.0 2023.05.09 Introduction 本教程用于演示如何使用JLINK V9配套J-FLASH软件烧写更新MCU程序的教程 安装提供的 JLINK驱动程序。JLink_Windows_V722a.rar。全程默认安装,只能安装在C盘,不可安装于其它盘。 安装驱动完成后,将JLINK V9仿真器上USB口插上电脑,

    2024年02月11日
    浏览(47)
  • PhpStorm 2023年下载、安装教程和好用插件,保姆级教程

    phpstorm是一个非常强大的全栈开发工具,还包含了webstorm的全部功能,更能够支持php代码。phpstorm的功能挺多的,比如智能代码补全,快速导航以及即时错误检查… 我学php一开始是用 HBuilder X 和 VScode 写的,但是随着学习渐渐觉得这两个编辑器慢慢不能满足我一些需求,最近入手

    2024年02月08日
    浏览(58)
  • keil 下载安装 保姆级教程

    最近被安排开发一个单片机的项目,回头想了一下,自己上次弄单片机的时候,还都是在大学期间,到现在也有三四年没有碰过了,大部分的知识点都忘了,所以又重新的把以前的笔记和资料,拿出来温习一遍。记得刚刚开始学的时候,只会照葫芦画瓢,写一个流水灯、跑马

    2024年02月07日
    浏览(48)
  • Android Studio安装详细教程(从下载到安装,保姆级教程)

    Android Studio软件需要从安卓官网进行下载,由于政策原因,国内无法进行相关网页的访问。因此,国内可通过https://developer.android.google.cn/studio进行下载(文件大小将近1G,网速不同下载速度不同)。下载界面如下图所示,点击页面中绿色按钮选择下载路径后进行下载。 经过了

    2024年01月21日
    浏览(47)
  • 【Unity】下载与安装(保姆级教程)

    进入官网下载页面 Unity Hub 是使用Unity必装的软件,这个软件可以帮助我们管理Unity软件的版本和Unity项目。 在浏览器中输入网址 unity.com/cn/download 进入下载页面。 然后点击 下载Windows版 ① 或 下载其他版本 ② , 下载安装包 例如下载Windows版,会弹出提示窗口,点击 另存为 ①

    2024年01月25日
    浏览(67)
  • JAVA的下载安装教程(保姆级)

    目录 一、jdk的下载 二、jdk安装 三、环境变量 jdk下载路径 https://www.oracle.com/cn/java/technologies/downloads/#jdk19-windows  如果想下载以往的历史版本可点击  Java archive  进行选择   这里我演示的是Java17版本的 点击所下载的exe安装包进行安装  如果不想安装默认C盘地址可以自行选择更

    2024年02月07日
    浏览(47)
  • 点序AS2258量产详尽图文教程以及量产工具固件下载,保姆级教程

    山寨盘坏了,找了很多资料都没成功,参照网上大佬的步骤研究了一阵,发现有几个地方大佬没细说,这里详尽的给大家一个教程! 1.  关于MPtool版本  : 得先确定你FLASH芯片型号,对应量产工具,比如我的是镁光的大S颗粒,我使用的量产工具需要包含B0KB的ini才能成功量产

    2024年02月22日
    浏览(57)
  • stm32循迹小车教程(保姆级教程)

                    我历时四周终于制作完成原理图设计,原件焊接,代码测试,赛道循迹。在此,我要十分感谢在我制作过程中给予过帮助的所有人。首先明确小车使用主控芯片为stm32f103c8t6。                 制作小车要用的软件有:嘉立创EDA                 首先明确一

    2024年02月02日
    浏览(45)
  • Anaconda下载及安装保姆级教程(详细图文)

    Anaconda指的是一个开源的Python发行版本,其包含了conda、Python等180多个科学包及其依赖项。 因为包含了大量的科学包,Anaconda 的下载文件比较大(约 477MB),如果只需要某些包,或者需要节省带宽或存储空间,也可以使用Miniconda这个较小的发行版(仅包含conda和 Python)。 而

    2024年02月03日
    浏览(89)
  • JDK 8的下载、安装、配置【保姆级教程】

    简介: Java Development Kit (JDK) 是 Sun 公司(已被 Oracle 收购)针对 Java 开发员的软件开发工具包。自从 Java 推出以来,JDK 已经成为使用最广泛的 Java SDK(Software development kit)。 学习环境中, 我们通常使用较新版本的JDK, 因为我们要学习部分新特性开发环境中, 我们通常使用老版本

    2024年02月16日
    浏览(73)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包