在Touch GFX4.24中新增了几个功能，其中之一就是二维码生成器。据描述，该控件支持最高177*177个模块的二维码。支持动态生成，是个很大的亮点。基于此功能，做个小程序来学习如何使用。
1 [9 E4 g: b+ T/ ?1 i
9 H: u. C& |9 x4 b" R; q( q. c        完成效果如下
        
& A9 W" P; R- C         点击12个按键输入字符，执行OK后二维码便刷新为输入的字符内容。执行CLR后清除输入的字符串。检查也很简单，任何扫一扫功能的APP都能识别出来。实现这个功能需要以下过程
* h  E/ j; b  L6 q         首先生成一个TouchGFX工程，搜索开发板，基于STM32H7S78-DK板卡创建模板工程。这个工程包含了GUI程序的基础外设配置和驱动实现，可以直接编译下载。
5 u4 f8 b. S, g8 f         
5 C* _) v  N  K* h- [         事实上，使用完整的输入法才能键入所有字符，这里只添加了加个按键，支持少数字符的输入，演示作用。添加含LABEL的按钮14个。设置好格式。字体不变，按下效果变化。
        
0 h  o% g) a. i, F) D8 h        要输入内容，那么按键按下后要执行文本更新，每个按键都给按下事件。
, j* M/ ]: F4 d/ t* p8 M        
2 @- ]: P' w: d/ g        还要添加个textArea用来显示文本内容，设置缓存大小。
  `$ m1 [( f) }2 V. [        
, b' j* K% T3 t$ E/ W9 q& b9 l- A       最重要的角色就是这面图片已经出现的二维码控件。调整适合大小
      
/ j& W0 n5 s  o( a5 e$ K       完成以上，就完成了一大半的工作，这便是TouchGFX做GUI应用的优势体现。接下来要修改代码。以下就是清空字符和更新二维码的主要代码。
2 i7 K' D2 B, e# G, U6 ^, {      
8 s( r* |7 ]: B) }

1. if (&src == &buttonWithLabelOK)
   ; |, F1 ?) r- I, q  V  ~
2.     {
   
3.         //Interaction13
   
4.         //When buttonWithLabelOK clicked call virtual function
   
5.         //Call function_ok
   8 ]; u# T  W: b( A9 \
6.         //function_ok();
   
7.         qrCode1.convertStringToQRCode((char*)str);
     L7 n9 v% f2 ?0 W) s
8.         qrCode1.invalidate();
   
9.         return;
   3 X: R. T+ V( i. L& r
10.     }
    " T: t3 U& F% @6 e
11.     if (&src == &buttonWithLabelCLR)
    
12.     {
    . |9 @( }( o% D  u
13.         //Interaction14
    0 N) J4 ^) x" L: E( X
14.         //When buttonWithLabelCLR clicked call virtual function
    
15.         //Call function_clr
    
16.         //function_clr();
    
17. 
    " N7 Q( h" s0 m7 z& O& e& |: O
18.             memset(textArea1Buffer,'\0',128);
    
19.             textArea1.invalidate();
    
20.             count = 0;
    ) d+ X. `, l: O) R8 U5 d; R8 y
21.             return;
    
22.     }

复制代码

        测试结果如下
         
- ]% b, u' G" c0 C; ~9 H         首次上传B站，没有经验哈哈 QR Cod演示.rar (41.13 MB, 下载次数: 2)

2024-8-22 21:31 上传

点击文件名下载附件
5 d0 |+ I9 X( m: ]& ~1 W) y* ]8 s         。
* ~' c& n7 F: r0 G5 W' X3 i7 {1 ?         


1 B0 |6 `2 p3 c/ M5 H7 i' M+ G8 e3 n: Q' Q

1 I# {2 h' I$ X( w" X* ?1 r

视频看起来效果可以