首頁(yè) > 評(píng)測(cè) > 【STM32U599J-DK測(cè)評(píng)】屏幕觸摸控制LED

【STM32U599J-DK測(cè)評(píng)】屏幕觸摸控制LED

[導(dǎo)讀]
在STM32U599J-DK開發(fā)板上，有兩個(gè)用戶可以控制的LED： 8864365dd89d1a0a14.png (619.76 KB )下載附件2024-2-27 15:05 上傳這篇分享，結(jié)合屏幕，對(duì)這兩個(gè)LED進(jìn)行控制。一、TouchGFX界面設(shè)計(jì) 首先，在TouchG

在STM32U599J-DK開發(fā)板上，有兩個(gè)用戶可以控制的LED：

這篇分享，結(jié)合屏幕，對(duì)這兩個(gè)LED進(jìn)行控制。

一、TouchGFX界面設(shè)計(jì)
首先，在TouchGFX中，新建一個(gè)項(xiàng)目：

并選擇對(duì)應(yīng)的開發(fā)板：

然后，準(zhǔn)備一張背景圖片：

圖片大小為480x480的，對(duì)應(yīng)屏幕大小。

在TouchGFX中，進(jìn)入到Images管理，添加圖片：

然后，在Screen界面，添加這個(gè)圖片做為背景圖：

再添加兩個(gè)按鈕，用于控制兩個(gè)LED:

再給兩個(gè)按鈕，都設(shè)置好點(diǎn)擊調(diào)用：

設(shè)計(jì)過(guò)程中，隨時(shí)可以點(diǎn)擊右下角中間的按鈕，進(jìn)行模擬測(cè)試：

設(shè)計(jì)完成后，點(diǎn)擊右下角的左邊，生成代碼：

然后，點(diǎn)擊左則的 Files，即可打開生成后的代碼和項(xiàng)目目錄：

項(xiàng)目目錄如下：

其中包含了STM32CubeIDE和Keil等編輯器的項(xiàng)目文件。

二、代碼編寫
我使用STM32CubeIDE進(jìn)行開發(fā)，直接進(jìn)入下面的目錄打開即可：

TouchGFX采用了類似MVC的MVP開發(fā)模式：

生成的界面處理部分代碼，和我們邏輯功能部分的代碼，是分離的。
通過(guò)這樣的方式，界面可以繼續(xù)修改，不對(duì)我們實(shí)際邏輯處理的代碼產(chǎn)生影響。

在生成的Screen1ViewBase.cpp文件中，有界面處理的實(shí)際代碼：

在這個(gè)文件的頭部，提示了，不要修改這個(gè)文件。除非，后續(xù)不再使用TouchGFX進(jìn)一步修改設(shè)計(jì)了。

上述代碼中，包含了按鍵調(diào)用的設(shè)置：

復(fù)制代碼

點(diǎn)擊后，調(diào)用該文件中定義的回調(diào)：

void Screen1ViewBase::buttonCallbackHandler(const touchgfx::AbstractButton& src)
{
if (&src == &toggleButton_green)
{
//Interaction_green
//When toggleButton_green clicked call virtual function
//Call ToggleLED_green
ToggleLED_green();
}
if (&src == &toggleButton_red)
{
//Interaction_red
//When toggleButton_red clicked call virtual function
//Call ToggleLED_red
ToggleLED_red();
}
}