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

# X( i6 N1 q# f+ ?3 n8 n        完成效果如下
        
         点击12个按键输入字符，执行OK后二维码便刷新为输入的字符内容。执行CLR后清除输入的字符串。检查也很简单，任何扫一扫功能的APP都能识别出来。实现这个功能需要以下过程
- [  j8 j, r& _* _1 @* U         首先生成一个TouchGFX工程，搜索开发板，基于STM32H7S78-DK板卡创建模板工程。这个工程包含了GUI程序的基础外设配置和驱动实现，可以直接编译下载。
% C" \$ x. }  s& p1 ?% d         
         事实上，使用完整的输入法才能键入所有字符，这里只添加了加个按键，支持少数字符的输入，演示作用。添加含LABEL的按钮14个。设置好格式。字体不变，按下效果变化。
. W& {) L) Z( N8 }2 Q6 M( b        
+ h2 Z( d. S0 c$ C. a0 d        要输入内容，那么按键按下后要执行文本更新，每个按键都给按下事件。
        
8 r# m/ l( L4 J/ X. m. U        还要添加个textArea用来显示文本内容，设置缓存大小。
/ t9 @, E+ t+ {/ ~0 l& O2 |7 |        
       最重要的角色就是这面图片已经出现的二维码控件。调整适合大小
! o( x2 L  b4 V+ ^& [- e( e0 _' t      
       完成以上，就完成了一大半的工作，这便是TouchGFX做GUI应用的优势体现。接下来要修改代码。以下就是清空字符和更新二维码的主要代码。
      

1. if (&src == &buttonWithLabelOK)
   
2.     {
   ) a( ]' h8 K+ S6 W* \- i2 g
3.         //Interaction13
   * |7 [8 |  C* M3 p* Y5 k8 D
4.         //When buttonWithLabelOK clicked call virtual function
   
5.         //Call function_ok
   3 }5 W! O) v2 I3 B
6.         //function_ok();
   ) S2 r9 t: e' v7 L) Y6 C/ l! [1 O0 A) a
7.         qrCode1.convertStringToQRCode((char*)str);
   
8.         qrCode1.invalidate();
   
9.         return;
   7 p6 k( l) T/ Z  d
10.     }
    8 Y, C7 f2 J: h) U7 Z/ Z1 i
11.     if (&src == &buttonWithLabelCLR)
      ?0 J/ r6 B8 G, R& x  E$ a
12.     {
    
13.         //Interaction14
    ) ]5 i* P" \) q+ N6 F8 D9 B- P! Z
14.         //When buttonWithLabelCLR clicked call virtual function
    
15.         //Call function_clr
    
16.         //function_clr();
    2 M/ n5 |2 L+ e- g2 \+ m* {' Y" o
17. 
    
18.             memset(textArea1Buffer,'\0',128);
    
19.             textArea1.invalidate();
    - Y2 W5 ]: s6 F) {, {8 o
20.             count = 0;
    6 n. \7 H3 e, t# m# J6 H
21.             return;
    
22.     }

复制代码

        测试结果如下
5 l4 @( z$ ]# k5 e4 E% T         
         首次上传B站，没有经验哈哈 QR Cod演示.rar (41.13 MB, 下载次数: 2)

2024-8-22 21:31 上传

点击文件名下载附件
8 Q; U% K6 G3 u' {         。
         
! W( p* q7 F) V# m* i
8 B$ p% g6 a  @7 a. R. _$ ~
9 Q7 w( ?8 @- f% I$ I1 g& |7 n9 u
! Q) u# @& ]0 l& R: }8 j

视频看起来效果可以
: X  f" i- q4 t6 k, g, L9 b