在Touch GFX4.24中新增了几个功能，其中之一就是二维码生成器。据描述，该控件支持最高177*177个模块的二维码。支持动态生成，是个很大的亮点。基于此功能，做个小程序来学习如何使用。

' w. p. k4 ]9 _7 o& F        完成效果如下
        
3 W5 Y; \5 b6 v         点击12个按键输入字符，执行OK后二维码便刷新为输入的字符内容。执行CLR后清除输入的字符串。检查也很简单，任何扫一扫功能的APP都能识别出来。实现这个功能需要以下过程
         首先生成一个TouchGFX工程，搜索开发板，基于STM32H7S78-DK板卡创建模板工程。这个工程包含了GUI程序的基础外设配置和驱动实现，可以直接编译下载。
         
" J% o+ M% @4 f. O3 f# S! v         事实上，使用完整的输入法才能键入所有字符，这里只添加了加个按键，支持少数字符的输入，演示作用。添加含LABEL的按钮14个。设置好格式。字体不变，按下效果变化。
5 [5 Y4 d3 W3 H8 P- w7 c  G6 Y        
        要输入内容，那么按键按下后要执行文本更新，每个按键都给按下事件。
        
        还要添加个textArea用来显示文本内容，设置缓存大小。
        
6 }. w# b+ s- R# a, ]       最重要的角色就是这面图片已经出现的二维码控件。调整适合大小
      
5 f# b) t: ^, ]* ~# N       完成以上，就完成了一大半的工作，这便是TouchGFX做GUI应用的优势体现。接下来要修改代码。以下就是清空字符和更新二维码的主要代码。
% Q* ?5 V, X( J, j4 c$ A      
# t4 p2 ^; ^7 W& u) f8 D! Y

1. if (&src == &buttonWithLabelOK)
   ; B0 g7 u  x- d# m
2.     {
   " I, p: }- y" i9 T1 `
3.         //Interaction13
   
4.         //When buttonWithLabelOK clicked call virtual function
   7 Q' \$ I' a) B
5.         //Call function_ok
   
6.         //function_ok();
   " `8 j% b' f1 c
7.         qrCode1.convertStringToQRCode((char*)str);
   : U3 R8 n. A5 b2 |; Z
8.         qrCode1.invalidate();
   
9.         return;
   . l/ |" j' ~$ a2 O% w7 V0 u
10.     }
    
11.     if (&src == &buttonWithLabelCLR)
    
12.     {
    
13.         //Interaction14
    6 m$ J3 H0 i9 O: z% a9 Q* H
14.         //When buttonWithLabelCLR clicked call virtual function
    
15.         //Call function_clr
    : n1 ^: P* w) T
16.         //function_clr();
    
17. 
    
18.             memset(textArea1Buffer,'\0',128);
    
19.             textArea1.invalidate();
      m/ G( N2 ^$ T8 s% [) }; @
20.             count = 0;
    
21.             return;
    
22.     }

复制代码

        测试结果如下
0 j+ v& ^  o- x! E; Z  M         
! G' v% w+ T0 S2 _" w6 t2 @         首次上传B站，没有经验哈哈 QR Cod演示.rar (41.13 MB, 下载次数: 2)

2024-8-22 21:31 上传

点击文件名下载附件
/ W3 V! f0 @  ~0 t% B9 |         。
         

& c% b& `; ?: a$ q" x6 y  G' H


, a( t3 ]0 L& T9 {! A9 c7 ~

视频看起来效果可以