【重磅消息】大家期待已久的touchgfx视频教程来了!!!

fish物联 · 发表于 2021-7-14 00:14:49

本帖最后由 fish物联于 2022-1-4 23:05 编辑

为了避免周期拉的太长,本视频教程采用周更新的方式,即每一周都会有几节视频更新上传!
目前已经更新了的视频和配套源码以及配套的资料都已经上传到了原子哥平台
注1:录制视频不易,因此视频教程是收费的,希望大家理解,你们的支持是我们录制优质教程的动力
注2:touchgfx教程版块今天正式在正点原子论坛开通了,以后一些资料和交流会在这里进行,大家踊跃发表创意和问题
注3:关于touchgfx移植的前3讲可以免费试看,视频质量好不好,大家一看便知

视频教程地址(原子哥平台): https://www.yuanzige.com/course/detail/80229

综合例程演示地址: https://www.bilibili.com/video/BV1544y127iL
综合例程的模拟器:

综合例程模拟器(需放在英文目录下运行).zip (4.38 MB, 下载次数: 863)

视频教程更新日志:

1.更新了"第7节  实现图片资源存储在外部flash中"
2.更新了"第8节  编译和一键下载脚本"

3.完善了综合例程的源代码,并且已经把代码上传到了原子哥平台

4.更新了"第9节  制作自定义的AT模板"
5.更新了"第10节编写外部flash的stldr下载算法(创建工程)"
6.更新了"第11节编写外部flash的stldr下载算法(实现接口)"
7.更新了"第12节 touchgfx的工作机制(MVP架构)"

8.更新了"第13节 touchgfx的工作机制(内存管理)"
9.更新了"第14节 touchgfx的启动流程"
10.更新了"第15节  编写Keil的FLM下载算法"
11.更新了"第16节  F7和H7用QSPI接口移植touchgfx"
12.更新了"第17节 F7和H7用QSPI接口移植touchgfx(完成触摸功能)"
13.更新了"第18节 F7和H7用QSPI接口移植touchgfx(资源存储到外部flash)"
14.更新了"第19节编写F7和H7的外部下载算法"
15.更新了"第20节一个新的开发板如何快速移植已有的GUI工程(H743综合例程)"
16.更新了"第21讲 H750移植专讲(QSPI内存映射模式)"
17.更新了"第22节 F407使用FSMC接口移植MCU屏(STM32CubeMX创建工程)"
18.更新了"第23节 F407使用FSMC接口移植MCU屏(完成显示和触摸)"
19.更新了"第24节 F407移植SPI屏"
20.更新了"第25节 Box和BoxWithBorder控件"
21.更新了"第26节 TextArea文本控件和多国语言"
22.更新了"第27节图标字体"
23.更新了"第28节在其他任务中直接操作UI控件(不采用邮箱通信机制)"
24.更新了"第29节 DebugPrinter屏幕打印和模拟器打印"

25.更新了"第30节普通按钮,文本按钮,图标按钮,切换按钮控件(点灯实例)"

26.更新了"第31节单选按钮,重复按钮,灵活按钮控件(点灯实例)"
27.更新了"第32节  如何将已有项目升级到最新版的touchgfx(以综合例程为例)"
28.更新了"第33节利用BinaryFont从外部存储介质(SD卡,外部flash,U盘等)动态加载任意大字库(生成中文字库bin文件)"
29.更新了"第34节利用BinaryFont从外部存储介质(SD卡,外部flash,U盘等)动态加载任意大字库(动态显示任意中文)"
30.更新了"第35节 FontCache字体缓存功能(实现直接从外部存储介质显示字符串)"
31.更新了"第36节 Image图片控件,TiledImage瓦片控件,ScalableImage缩放控件"
32.更新了"第37节 AnimatedImage动画控件"
33.更新了"第38节 TextureMapper和AnimationTextureMapper三维控件"
34.更新了"第39节利用DynamicBitmap从SD卡动态加载图片文件(移植FATFS文件系统)"
35.更新了"第40节利用DynamicBitmap从SD卡动态加载图片文件(实现加载效果)"
36.更新了"第41节  使用SnapshotWidget控件进行截图并保存到SD卡"
37.更新了"第42节 MIXINS混合功能中的ClickListener"
38.更新了"第43节 MIXINS混合功能中的Draggable,FadeAnimator,MoveAnimator"
39.更新了"第44节 Screen屏幕(重写各种事件)"
40.更新了"第45节 Screen屏幕(多种参数传递机制)"
41.更新了"第46节 INTERACTIONS交互系统(创建无触发交互)"
42.更新了"第47节 INTERACTIONS交互系统(创建自定义的触发器和动作)"

下面截取几张综合例程的效果图,实际效果大家可以下载模拟器体验:

简单更快乐 · 发表于 2021-9-1 14:40:17

jiangyy 发表于 2021-8-30 11:48
鱼哥哥，有没有涉及到触摸控制LED点亮以及其他外设的控制？我的板子是F767的，想学习一下这块。后面视频会 ...

touchGFX 不是被ST收购了吗？STM32芯片免费，其芯片要授权费呀，你公司愿意支付？

象牙塔 · 发表于 2021-7-14 14:06:36

沙发，顶一个！

ailun · 发表于 2021-7-14 21:32:31

顶！终于有系统的教程了

hulong1995 · 发表于 2021-7-15 10:45:39

198也太贵了

正点原子 · 发表于 2021-7-15 11:05:26

great job

adlu · 发表于 2021-7-28 18:09:34

正点原子出品的第一个收费视频，￥198真不贵！
鱼哥的视频教程质量杠杠滴，LGVL视频就是他录的，讲得不错

核弹头 · 发表于 2021-8-3 09:39:34

牛啊，能讲讲SPI屏怎么移植吗

江边小帅瓜 · 发表于 2021-8-3 11:47:13

有F429类TouchGFX的视频吗?

fish物联 · 发表于 2021-8-3 17:16:50

江边小帅瓜发表于 2021-8-3 11:47
有F429类TouchGFX的视频吗?

有的,你可以去原子哥平台看

fish物联 · 发表于 2021-8-3 17:20:01

核弹头发表于 2021-8-3 09:39
牛啊，能讲讲SPI屏怎么移植吗

视频中会讲的

jiangyy · 发表于 2021-8-30 11:48:08

鱼哥哥，有没有涉及到触摸控制LED点亮以及其他外设的控制？我的板子是F767的，想学习一下这块。后面视频会不会再更新？感觉目前视频不是很多，后面是不是还有更多的视频上映？另外这个touchGFX后期能否嵌入到NXP，瑞萨，赛普拉斯等其他硬件平台

fish物联 · 发表于 2021-8-30 18:55:21

jiangyy 发表于 2021-8-30 11:48
鱼哥哥，有没有涉及到触摸控制LED点亮以及其他外设的控制？我的板子是F767的，想学习一下这块。后面视频会 ...

目前视频还只是一部分,后面还要讲各种控件,以及你说的点灯是比较简单的功能,后面都会讲的,还有几十讲视频没更新勒,目前暂时不会考虑嵌入其他平台的哦,只考虑STM32平台

jiangyy · 发表于 2021-9-2 11:09:16

本帖最后由 jiangyy 于 2021-9-2 11:19 编辑

简单更快乐发表于 2021-9-1 14:40
touchGFX 不是被ST收购了吗？STM32芯片免费，其芯片要授权费呀，你公司愿意支付？

7月10日,全球半导体领导者意法半导体（ST）宣布收购TouchGFX软件的开发商和供应商Draupner Graphics。这几天Azure RTOS GUIX好像突然火了。
先重点介绍一下Azure RTOS GUIX：
ThreadX是一家名叫Express Logic的公司开发的，2019年4月被微软收购。近期微软将ThreadX包装成了azure-rtos并在github上开源。
开源的主页为https://github.com/azure-rtos 。里面11个仓库，网络、文件系统、USB、GUI等等，全家桶。
1. ThreadX GUI支持好多芯片，TouchGFX只在STM32上免费用。
2.ThreadX GUI有全家桶支持，TouchGFX也有Cube生态支持（FreeRTOS、USB、FATFS、LwIP等等）。
3.ThreadX GUI用C语言，TouchGFX用C++。
      关于编程语言，可以回顾一下电脑的编程语言进化之路，C语言对复杂类型数据的处理，最高就发展到结构体struct，C++有了类和模板，对复杂数据类型有了更好的支持，但是还不够，后来进化出了STL（标准模板库）等。后面的JAVA，天生对泛型编程有很好的支持。再后面的Python，列表、元组、集合变成了最基础的数据结构。
      总结就是：功能复杂、外观漂亮的GUI，需要用C++（或以上的语言）实现。
4.ThreadX GUI用“回调函数”，TouchGFX用MVP模式。
      MVP（Model-View-Presenter）是从经典的模式MVC演变而来，Presenter负责逻辑的处理，Model提供数据，View负责显示。实现了“高内聚、低耦合”的效果，将视图和逻辑分开，简单地说，开发复杂界面时好处很多。
      而ThreadX GUI还在使用简单的回调函数机制：一个event_handler里面，switch(事件类型)，case、case、case、、、  简单地说，开发一个简单界面可以，复杂了就比较麻烦了。
5.二者都有界面开发环境，如图：
      Azure RTOS GUIX Studio有浓浓的VC++6.0味道，TouchGFX Designer看上去更现代化，而且确实它的功能更强大。
6.二者的Demo网上都有很多，看上去都挺漂亮，但是，从上面的对比可以判断：实现同样效果，TouchGFX要更简单。
7.在PC上仿真功能，二者都有。
8.网上说ThreadX有很多安全认证之类的，TouchGFX不清楚。
9.如果之前有emWin等嵌入式GUI的基础，ThreadX GUI入门快。TouchGFX学习难度稍高一点，但是本版块的目的就是降低这个难度。

http://www.openedv.com/forum.php?mod=viewthread&tid=323744&extra=
这个链接有相关的说明

核弹头 · 发表于 2021-9-21 08:51:11

6666，等以后项目又用ST，肯定拿下

15004089727 · 发表于 2022-5-6 10:14:03

将字库转换成BIN文件后，先下载到外部SPI_FLASH,然后再缓存至SDRAM ,运行到“Unicode::snprintf(textArea1Buffer,TEXTAREA1_SIZE,"%s",L"正点原子!");”这句代码就卡屏死机，这是怎么回事？我用的是北极星H750的开发板

fish物联 · 发表于 2022-5-6 15:11:28

15004089727 发表于 2022-5-6 10:14
将字库转换成BIN文件后，先下载到外部SPI_FLASH,然后再缓存至SDRAM ,运行到“Unicode::snprintf(textArea1B ...

你是不是BinaryFont功能没移植成功呀,当touchgfx检测到传入进来的bin文件数据不对时,就会出现死机

15004089727 · 发表于 2022-5-10 09:58:40

fish物联发表于 2022-5-6 15:11
你是不是BinaryFont功能没移植成功呀,当touchgfx检测到传入进来的bin文件数据不对时,就会出现死机

首先感谢鱼哥能够回复我

，经过这几天的调试，我遇到的困难是，发现有的汉字无法显示，比如“正点原子”四个字中，如果带“子”字就会死机，但我只显示“正电原”就显示运行正常，其他显示的图片也都正常，请问鱼哥，现在是否能够说明，我的分散加载文件，下载算法，SDRAM和外部32M的SPI_FLASH都是正常的呢？只是BinaryFont功能移植出现问题呢？毕竟我还是有图片和文字显示正确的时候。所以现在很懵，不能够确定问题在哪？？再次感谢鱼哥的回答！~！~！~！~！

15004089727 · 发表于 2022-5-10 15:22:19

#include <TouchGFXHAL.hpp>

/* USER CODE BEGIN TouchGFXHAL.cpp */

#include <fonts/GeneratedFont.hpp>
#include <fonts/ApplicationFontProvider.hpp>
#include <texts/TypedTextDatabase.hpp>
#include <new>

#include <BitmapDatabase.hpp>
#include "KeyController.hpp"
#include "stm32h7xx.h"
#include "main.h"
#include "sdram.h"
#include "w25qxx.h"

using namespace touchgfx;

static KeyController kc;//°′¼ü¿ØÖÆÆ÷
static BinaryFont bf;
extern const uint8_t Font_simhei_20_4bpp_bin_start[];
extern const uint8_t Font_simhei_20_4bpp_bin_end[];

void TouchGFXHAL::initialize()
{
TouchGFXGeneratedHAL::initialize();

uint32_t frameSize = DISPLAY_HEIGHT*DISPLAY_WIDTH*2;
setFrameBufferStartAddresses((void *)SDRAM_START_ADDR,(void *)(SDRAM_START_ADDR + frameSize),(void *)(SDRAM_START_ADDR + frameSize*2));
setFrameRateCompensation(true);

// LED_Init();//LED3õê¼»ˉ
kc.init();
setButtonController(&kc);

#define BITMAP_CACHE_SIZE 0x1400000

W25QXX_Init();
Bitmap::setCache((uint16_t*)(SDRAM_START_ADDR+ frameSize*3),BITMAP_CACHE_SIZE);
Bitmap::cacheAll();

//¼óÔØò»¸öè«ÖDÎÄ×Ö¿a Heiti20
uint8_t * fontCacheAddr = (uint8_t *)(SDRAM_START_ADDR + frameSize*3 + BITMAP_CACHE_SIZE);
W25QXX_Read(fontCacheAddr,(uint32_t)(Font_simhei_20_4bpp_bin_start - EX_FLASH_START_ADDR),(uint32_t)(Font_simhei_20_4bpp_bin_end - Font_simhei_20_4bpp_bin_start));

//placement new
new (&bf)BinaryFont((const touchgfx::BinaryFontData *)fontCacheAddr);
TypedTextDatabase::setFont(Typography::TYPOGRAPHY_00,&bf);
}

我感觉我的一直没有错误啊

fish物联 · 发表于 2022-5-11 08:45:13

15004089727 发表于 2022-5-10 09:58
首先感谢鱼哥能够回复我，经过这几天的调试，我遇到的困难是，发现有的汉字无法显示，比如“正 ...

如果你只是某个汉字不显示,那说明整体上是无大碍的,一定得确保你的"子"字的点阵数据被取出来了,然后在keil中你可以直接传入0x5B50 ("子"的unicode的编码)试一试

15004089727 · 发表于 2022-5-11 19:07:15

fish物联发表于 2022-5-11 08:45
如果你只是某个汉字不显示,那说明整体上是无大碍的,一定得确保你的"子"字的点阵数据被取出来了,然后在kei ...

再次感谢鱼哥得回复，根据您的提示，我今天又调试了一天，遗憾的是直接传入“0x5B50”(子字的Unicode编码)还是会死机，并且发现了以下现象，对汉字类来说，Unicode编码结尾为奇数，都可以正常显示，比如正：0x6B63、点：0x70B9、原：0x539F,无论怎样都可以正常显示。但是结尾是偶数均无法显示并死机。对字符型常量，比如数字2：0x0032、数字4：0x0034等均可以正常显示，而结尾是奇数反倒不能显示，并死机。
对了鱼哥，我用的是H750北极星的开发板，参考您F429的教程，将图片资源和字库直接下载到外部32MSPI_FLASH，下载（分散加载文件、下载算法，应该都是正常的，否则也不能显示）您说对吧。字库文件我自己通过touchGFX转换也试过了，您的课程里的字库我也直接拷贝试过了，现象都是一样的，现在卡住了，还是希望鱼哥指点迷津！！！

fish物联 · 发表于 2022-5-12 08:14:56

15004089727 发表于 2022-5-11 19:07
再次感谢鱼哥得回复，根据您的提示，我今天又调试了一天，遗憾的是直接传入“0x5B50”(子字的Unicode编码 ...

你的意思是字母有些时候都不能正常显示,可以把字库换成0-9,a-f试一试,看是否都能显示,你的下载算法和分散加载文件应该是没问题的

15004089727 · 发表于 2022-5-12 09:04:46

fish物联发表于 2022-5-12 08:14
你的意思是字母有些时候都不能正常显示,可以把字库换成0-9,a-f试一试,看是否都能显示,你的下载算法和分散 ...

感谢鱼哥的回复！是这样鱼哥，字母以及一些符号类常量比如“~、！、@、#、+、-、*、/”跟数字类是一样的，我试验过，都是编码为偶数能显示，奇数死机。现在的现象是有一半的字库无法显示，但是如果直接输入范围外的16进制数（单指汉字类0x4E00-0x9FA5）只是不显示，但不会死机。鱼哥我感觉我还是没有找到问题的根源，望指点，感谢！！！

fish物联 · 发表于 2022-5-12 11:41:43

15004089727 发表于 2022-5-12 09:04
感谢鱼哥的回复！是这样鱼哥，字母以及一些符号类常量比如“~、！、@、#、+、-、*、/”跟数字类是一样的 ...

这个确实奇怪,后面有发现的话,再告诉你,或者你找到了原因的话,在帖子里也说一下

15004089727 · 发表于 2022-5-12 18:13:32

fish物联发表于 2022-5-12 11:41
这个确实奇怪,后面有发现的话,再告诉你,或者你找到了原因的话,在帖子里也说一下

感谢鱼哥的回复！~
还有个很棘手的问题想请教一下：因为我在用H750的开发板，想要程序平时使用内存映射的方式运行在外部8M的QSPI-FLASH中，然后图片资源和字库资源还是下载到外部32M的W25Q256中。历程中H743它是外部32M的QSPI-FLASH，所以H750跟它的用法是不同的。我想问：
1、分散加载文件应该怎样弄？因为要使用2片SPI-FLASH，那分散加载的地址都是0x90000000吗？我之前试过，不好用，所以被迫将32M的SPI-FLASH的起始地址从0x90800000开始的。
2、如果用2片SPI-FLASH,其中的8M的QSPI-FLASH用作内存映射方式,那么内部H750FLASH的下载算法是否还需要添加？

15004089727 · 发表于 2022-5-12 18:26:03

LR_IROM1 0x90000000 0x00800000  ; load region size_region
{
  ER_IROM1 0x90000000 0x00800000  ; load address = execution address
  {
   *.o (RESET, +First)
   *(InRoot$$Sections)
   .ANY (+RO)
  }

  RW_IRAM1 0x20000000 0x20000
  {  ; RW data
.ANY (+RW +ZI)
  }

  RW_IRAM2 0x24000000 0x80000
  {
.ANY (+RW +ZI)
  }

}

LR_EROM1 0x90800000 0x01800000  { ; load region size_region
  extflash.bin 0x90800000 0x01800000  {  ; load address = execution address
*.o (ExtFlashSection)
  }
}

这是我用2片SPI-FLASH的分散加载算法，不过这样下载进去后，程序无法运行，还望鱼哥指点，750跟743差别还是有点大啊

fish物联 · 发表于 2022-5-13 08:22:32

15004089727 发表于 2022-5-12 18:26
LR_IROM1 0x90000000 0x00800000 ; load region size_region
{
ER_IROM1 0x90000000 0x00800000 ...

你这种2片flash的方式应该是可行的,就是spi flash的地址肯定不能和QSPI地址冲突,然后你spi flash下载算法中的配套地址也得改掉,具体我没实验过,只能说个大概思路

fengxiaoyu · 发表于 2022-5-16 09:49:04

教程都更新完了吗

fish物联 · 发表于 2022-5-18 07:31:03

fengxiaoyu 发表于 2022-5-16 09:49
教程都更新完了吗

没哦

beginner0116 · 发表于 2022-6-21 13:43:43

各位大神，能说说touchgfx和littleVGL的对比吗。最近一直在纠结应该选择哪个来用。

fengxiaoyu · 发表于 2022-7-29 10:59:52

哪一节讲邮箱通信啊

15004089727 · 发表于 2022-8-29 19:29:13

本帖最后由 15004089727 于 2022-10-11 10:30 编辑

11111

15004089727 · 发表于 2022-9-11 14:36:40

鱼哥您好，我现在用的是H750+QSPI内存映射方式来下载字库，那么还用您将的那个BinaryFont 功能区加载吗？能说一下操作的步骤吗？或者跟您讲的有什么区别？谢谢

15004089727 · 发表于 2022-9-19 09:02:46

鱼哥您好，向您请教一个字库问题，我现在用的是STM32H750的CPU，外挂了 64M的SDRAM，2片SPI_FLASH，1.用W25Q256做内存映射方式，2.用W25Q128来存储字库BIN文件，上电后通过下载算法和分散加载文件，将图片资源存入1中，将字库资源存入2中，然后上电后将字库文件，读入SDRAM中，然后再将SDRAM的地址与BinaryFont功能绑定，注册字库，但是现在无法显示文字，经过调试发现，如果将字库文件读入内部RAM中再与BinaryFont绑定，可以显示文字，初步怀疑是SDRAM问题，但是我的图片都可以正常显示，而且仿真时候发现，加载到SDRAM的地址中，对应字库的内容（BIN文件）也是正常的，无偏差，望鱼哥给知名方向，谢谢！~！~！~

十六哥 · 发表于 2022-12-16 16:48:20

本帖最后由十六哥于 2022-12-16 16:49 编辑

如何实现下载程序只更新非图片字库的那部分（单片机内部）？，现在更新程序需要全部下载一次，时间太久

fish物联 · 发表于 2023-4-7 10:58:50

十六哥发表于 2022-12-16 16:48
如何实现下载程序只更新非图片字库的那部分（单片机内部）？，现在更新程序需要全部下载一次，时间太久

在keil中去掉外部下载,选中内部下载方式即可

fish物联 · 发表于 2023-4-7 10:59:29

15004089727 发表于 2022-9-19 09:02
鱼哥您好，向您请教一个字库问题，我现在用的是STM32H750的CPU，外挂了 64M的SDRAM，2片SPI_FLASH，1.用W ...

你这个问题好像已经解决了吧

15004089727 · 发表于 2023-4-21 11:39:03

鱼哥您好，请教一个问题，我现在用的是1024*600的分辨率 7寸屏幕，一张图片明明只有200多KB，可是为什么变成代码后就是15M，我是用QSPI方式，很占用FLASH，有缩小的办法吗

mdh0329 · 发表于 2023-4-25 15:32:53

视频不更新了吗，很多控件没有讲啊，自己摸索要了亲命啊，C++还一知半解的，求更新啊

modu8888 · 发表于 2024-1-23 11:03:35

刚买了课程，和大家一起学习

ZGM520 · 发表于 2024-5-10 11:42:48

鱼哥您好，请问qq群通过一下验证，我正在做毕设，麻烦您了“抱拳”

szfufu · 发表于 2025-3-20 10:34:45

鱼哥，可以分享一下您视频二中的代码吗？免费的视频，我移植后编译通过，下载后屏不显示。阿波罗+7寸RGB屏。再移植一遍还是不显示，请问问题在哪里？本来是要缴费听剩下的课的，卡在最初的移植， touchGFX, CubeMX, 版本都是按视频中来的，一样的，就是屏不亮啊！怎么解决，可以先提供一下这个例程代吗？我就担心我改的SRAM 不对，这部分你在视频中没有详细的讲明。

帐号		自动登录	找回密码
密码			立即注册

【重磅消息】大家期待已久的touchgfx视频教程来了!!!

原子哥极力推荐 /2