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

目录预览
1、前言
: k5 l' O, \" ~4 m. ^' g( X/ z2、操作方法
4 r1 I3 e) ~) d5 Z2 ?3、总结

01前言


在使用 TouchGFX 设计 UI 界面时，用同一按钮的长按和短按表示不同的功能是个比较常见的实际需求。普通的 Button 控件可以通过 Interactions 处理一些基本的交互动作，通过下面一些简单的操作，我们可以将这个普通的 Button 改造成可以根据不同的按键时间处理不同事务的多功能按钮。
" z9 l7 k% q  s8 @8 j" Q
02操作方法
  N! h$ t4 U) ^$ ^: X% c

（1）创建一个按钮，并在 Mixins 中勾选 ClickListener 功能，使 Button 能够响应触控输入。
1 ]0 ^7 I: P8 u# k* u: T$ e& U

图1.Enable ClickListener

1 c3 a% o4 ^( S  @+ i* e启用 ClickListener Mixin 后，会更改生成的控件的声明，下面的代码表示 button1 启用了 ClickListener Mixin。

（2）用户代码中实现回调
& j6 [+ x* L5 j6 J: I! V% v. R' c
0 D; Q, G% L9 X8 W0 r* l: r% v. U5 C/ s
在 TouchGFX Designer 中对 Button 控件启用 ClickListener Mixin 后，下一步是在这个 Button 所在的 Screen 的头文件中添加控件的 Click 的回调和其回调处理函数的声明。
; Z/ l6 a' F. c2 V* S2 J& X+ d
0 A7 ~7 i' E5 E
# A9 R6 |$ A7 q% O回调函数的声明应包含以下三点内容：要绑定的类名，此例中为 Screen1View；回调来自哪个Widget，此处为 Button；以及发生事件的类型 ClickEvent。

然后，将回调函数的声明和回调函数的处理函数绑定到视图对象。

下一步是通过 setClickAction()的方法告诉 Button1 这个 Widget，当它被按下时，去调用哪个回调函数。

最后，实现回调函数的处理函数，同时可以根据需要自行增加按钮按下和释放时的处理。
! |+ h- o$ N2 g* Z9 o, d7 G8 ~- a

" A$ M' C' ~. H3 I4 N! }! z: a（3）添加 handleTickEvent()声明和定义,用于处理计时相关逻辑，此函数以 60Hz 的频率被TouchGFX 引擎调用。

（4）根据实际应用需求实现长按键的处理
, }7 u7 X& B# U" k" ^* r
5 k7 e; S0 Q1 ~3 f
在我们的测试例程中，实现了三秒长按键后，切换 Text 文本显示的功能，如下。
+ @0 q1 |4 u. K/ i

图2.长按前效果

图3.长按 3S 后效果

03总结

% @4 F) m2 g5 F) v4 S  R2 s2 P本文解释了如何通过 ClickListener 实现对按钮控件自定义功能，实际应用中大多数的Widgets 以及 View 本身都可以通过 ClickListener 实现点击和释放时的自定义处理。
3 x/ r8 p1 `: u

学习啦~~~