实战经验 | TouchGFX 处理按钮长按的一种方法

目录预览
/ m  S# j1 G& C: H! U7 ~1、前言
2、操作方法
3、总结

01前言
& ]0 D1 B4 R% T0 B& a* u" l+ Z

* l+ q* I2 F2 j2 O  ]在使用 TouchGFX 设计 UI 界面时，用同一按钮的长按和短按表示不同的功能是个比较常见的实际需求。普通的 Button 控件可以通过 Interactions 处理一些基本的交互动作，通过下面一些简单的操作，我们可以将这个普通的 Button 改造成可以根据不同的按键时间处理不同事务的多功能按钮。
! x8 V2 J7 y# Q6 K: h: u
5 m  t1 w3 o: ?$ T02操作方法


（1）创建一个按钮，并在 Mixins 中勾选 ClickListener 功能，使 Button 能够响应触控输入。

图1.Enable ClickListener

4 a0 x! _2 `7 B' C3 k启用 ClickListener Mixin 后，会更改生成的控件的声明，下面的代码表示 button1 启用了 ClickListener Mixin。

（2）用户代码中实现回调

/ R7 L2 \1 l2 n' ^& z2 K7 T# D# S
" L/ G( p1 J6 u- @# t& K6 G/ Z4 M! Z在 TouchGFX Designer 中对 Button 控件启用 ClickListener Mixin 后，下一步是在这个 Button 所在的 Screen 的头文件中添加控件的 Click 的回调和其回调处理函数的声明。


4 L& p5 x# s9 M5 F' M. u回调函数的声明应包含以下三点内容：要绑定的类名，此例中为 Screen1View；回调来自哪个Widget，此处为 Button；以及发生事件的类型 ClickEvent。
: E# T# X- s" R" E

然后，将回调函数的声明和回调函数的处理函数绑定到视图对象。
1 s2 [2 |3 j: o3 q* x- C

下一步是通过 setClickAction()的方法告诉 Button1 这个 Widget，当它被按下时，去调用哪个回调函数。
7 d- l9 Y( K" m0 o8 w4 f% o

最后，实现回调函数的处理函数，同时可以根据需要自行增加按钮按下和释放时的处理。

（3）添加 handleTickEvent()声明和定义,用于处理计时相关逻辑，此函数以 60Hz 的频率被TouchGFX 引擎调用。

（4）根据实际应用需求实现长按键的处理


在我们的测试例程中，实现了三秒长按键后，切换 Text 文本显示的功能，如下。

图2.长按前效果

图3.长按 3S 后效果

, l: r! i& m! z2 B: M3 B+ U03总结
- i  @$ t* b: q7 g; c3 m% j- R8 c8 d) [
本文解释了如何通过 ClickListener 实现对按钮控件自定义功能，实际应用中大多数的Widgets 以及 View 本身都可以通过 ClickListener 实现点击和释放时的自定义处理。
$ G" f; K, R4 v; i3 O2 s( e
+ u  j! ~. v) [/ x

学习啦~~~