TouchGFX 處理按鈕長(cháng)按的一種方法

1. 前言在使用TouchGFX 設計UI 界面時(shí)，用同一按鈕的長(cháng)按和短按表示不同的功能是個(gè)比較常見(jiàn)的實(shí)際需求。普通的Button 控件可以通過(guò)Interactions 處理一些基本的交互動(dòng)作，通過(guò)下面一些簡(jiǎn)單的操作，我們可以將這個(gè)普通的Button 改造成可以根據不同的按鍵時(shí)間處理不同事務(wù)的多功能按鈕。

2. 操作方法

（1）創(chuàng )建一個(gè)按鈕，并在Mixins 中勾選ClickListener 功能，使Button 能夠響應觸控輸入。

圖1. Enable ClickListener

啟用ClickListener Mixin 后，會(huì )更改生成的控件的聲明，下面的代碼表示button1 啟用了ClickListener Mixin。

touchgfx::ClickListener< touchgfx::Button > button1;

（2）用戶(hù)代碼中實(shí)現回調

在TouchGFX Designer 中對Button 控件啟用ClickListener Mixin 后，下一步是在這個(gè)Button 所在的Screen 的頭文件中添加控件的Click 的回調和其回調處理函數的聲明。

回調函數的聲明應包含以下三點(diǎn)內容：要綁定的類(lèi)名，此例中為Screen1View；回調來(lái)自哪個(gè)Widget，此處為Button；以及發(fā)生事件的類(lèi)型ClickEvent。

Screen1View.hpp

class Screen1View : public Screen1ViewBase

{

public:

Screen1View();

virtual ~Screen1View() {} 

virtual void setupScreen(); 

virtual void tearDownScreen(); 

void ButtonClickHandler(const Button& b, const ClickEvent& e); 

protected: 

Callback<Screen1View, const Button&, const ClickEvent&> buttonClickedCallback; 

};

然后，將回調函數的聲明和回調函數的處理函數綁定到視圖對象。

下一步是通過(guò)setClickAction()的方法告訴Button1這個(gè)Widget，當它被按下時(shí)，去調用哪個(gè)回調函數。

最后，實(shí)現回調函數的處理函數，同時(shí)可以根據需要自行增加按鈕按下和釋放時(shí)的處理。

（3）添加handleTickEvent()聲明和定義,用于處理計時(shí)相關(guān)邏輯，此函數以60Hz的頻率被TouchGFX引擎調用。

（4）根據實(shí)際應用需求實(shí)現長(cháng)按鍵的處理

在我們的測試例程中，實(shí)現了三秒長(cháng)按鍵后，切換Text文本顯示的功能，如下。

圖2. 長(cháng)按前效果

圖3. 長(cháng)按3S后效果

3. 總結

本文解釋了如何通過(guò)ClickListener實(shí)現對按鈕控件自定義功能，實(shí)際應用中大多數的Widgets以及View本身都可以通過(guò)ClickListener實(shí)現點(diǎn)擊和釋放時(shí)的自定義處理。