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

2. 操作方法

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

圖1. Enable ClickListener

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

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

（2）用戶代碼中實現(xiàn)回調(diào)

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

回調(diào)函數(shù)的聲明應(yīng)包含以下三點內(nèi)容：要綁定的類名，此例中為Screen1View；回調(diào)來自哪個Widget，此處為Button；以及發(fā)生事件的類型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; 

};

然后，將回調(diào)函數(shù)的聲明和回調(diào)函數(shù)的處理函數(shù)綁定到視圖對象。

下一步是通過setClickAction()的方法告訴Button1這個Widget，當它被按下時，去調(diào)用哪個回調(diào)函數(shù)。

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

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

（4）根據(jù)實際應(yīng)用需求實現(xiàn)長按鍵的處理

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

圖2. 長按前效果

圖3. 長按3S后效果

3. 總結(jié)

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