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

        完成效果如下
        
1 N# @' k9 C4 j         点击12个按键输入字符，执行OK后二维码便刷新为输入的字符内容。执行CLR后清除输入的字符串。检查也很简单，任何扫一扫功能的APP都能识别出来。实现这个功能需要以下过程
         首先生成一个TouchGFX工程，搜索开发板，基于STM32H7S78-DK板卡创建模板工程。这个工程包含了GUI程序的基础外设配置和驱动实现，可以直接编译下载。
( V% V# z3 W- P" i         
" Z: u9 P) s3 n8 p" S0 _$ V         事实上，使用完整的输入法才能键入所有字符，这里只添加了加个按键，支持少数字符的输入，演示作用。添加含LABEL的按钮14个。设置好格式。字体不变，按下效果变化。
+ R; f& u7 z4 N+ g        
! W% ^: F9 p; }$ j( P& }& o        要输入内容，那么按键按下后要执行文本更新，每个按键都给按下事件。
        
' w1 [/ m( X3 m( K+ {; P5 a        还要添加个textArea用来显示文本内容，设置缓存大小。
        
8 t0 P8 d" Q7 m; M8 d5 L       最重要的角色就是这面图片已经出现的二维码控件。调整适合大小
      
       完成以上，就完成了一大半的工作，这便是TouchGFX做GUI应用的优势体现。接下来要修改代码。以下就是清空字符和更新二维码的主要代码。
' H) e0 w6 N1 k9 W' N2 }: ~      

1. if (&src == &buttonWithLabelOK)
   
2.     {
   
3.         //Interaction13
   
4.         //When buttonWithLabelOK clicked call virtual function
   & N+ Z' G3 q1 a9 ]1 T) p! f
5.         //Call function_ok
   
6.         //function_ok();
   8 E2 q& h7 z( ~; ^: ]6 \  L
7.         qrCode1.convertStringToQRCode((char*)str);
   
8.         qrCode1.invalidate();
   0 d7 `5 d1 g% m: P9 V1 N( @
9.         return;
   " i" `! s: z; g& m* h
10.     }
    
11.     if (&src == &buttonWithLabelCLR)
    
12.     {
    0 Q* h* s* T1 X2 w" @0 W
13.         //Interaction14
    
14.         //When buttonWithLabelCLR clicked call virtual function
    
15.         //Call function_clr
    & Y8 W/ A0 P9 l8 X+ @9 G
16.         //function_clr();
    
17. 
    
18.             memset(textArea1Buffer,'\0',128);
    5 j! M5 _+ d+ V- R6 J6 T, M
19.             textArea1.invalidate();
      v+ j' C$ [$ k5 W# @9 J6 Y8 O
20.             count = 0;
    
21.             return;
    & i- K1 ]2 B) _( v) q1 s, y/ [
22.     }

复制代码

        测试结果如下
9 c) z2 d. Z' e         
' I- |- z+ \  v) h         首次上传B站，没有经验哈哈 QR Cod演示.rar (41.13 MB, 下载次数: 2)

2024-8-22 21:31 上传

点击文件名下载附件
         。
$ Q7 Z: `7 E8 t6 ]: n: K1 T         

* T& J, A4 W# b8 h& [1 b

3 Z% `5 V% n/ z
: I' M4 ~5 ]( D/ K4 f+ n' v$ }

视频看起来效果可以