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

2. 操作方法

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

圖1. Enable ClickListener

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

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

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

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

回調(diào)函數(shù)的聲明應(yīng)包含以下三點(diǎn)內(nèi)容：要綁定的類名，此例中為Screen1View；回調(diào)來自哪個(gè)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這個(gè)Widget，當(dāng)它被按下時(shí)，去調(diào)用哪個(gè)回調(diào)函數(shù)。

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

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

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

在我們的測試?yán)讨?，?shí)現(xiàn)了三秒長按鍵后，切換Text文本顯示的功能，如下。

圖2. 長按前效果

圖3. 長按3S后效果

3. 總結(jié)

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