4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

STM32CubeIDEでTouchGFXを使おう2

Posted at

STM32CubeIDEでTouchGFXを使おう1の続きです。
https://qiita.com/usashirou/items/4fdbeec5c7c154872b19

次は、外部出力を使ってみましょう。
画面をこんな感じで製作しました。
3-1-1.jpg

ここで、シミュレーターと、実機で確認しましょう。
次は、Interactionを設定します。
image.png

今回のアクションは、Call new Virtual Functionになります。
FunctionNameは、ボタンと同じではいけないので後ろにPressedを付けておきます。
LED_ONPressed
LED_OFFPressed
Toggle_LEDPressed
の3種類になります。
image.png

ここまでで、再度、実機確認をしましょう
3-1-8.jpg

#コード作成
次は、コードを作っていきましょう。
STマイクロの資料では、Lab3になります。
STマイクロの資料では画面のボタンの遷移ですが、今回はLEDを点滅させていきます。

\TouchGFX\gui\src\screen1_screen\Screen1View.cpp
を開き
以下を追加します。

void Screen1View::LED_ONPressed()
{
    Screen1ViewBase::tearDownScreen();
}

void Screen1View::LED_OFFPressed()
{
    Screen1ViewBase::tearDownScreen();
}

void Screen1View::Toggle_LEDPressed()
{
    Screen1ViewBase::tearDownScreen();
}

ファイル名:Screen1View.cpp
image.png

#include
を右クリックしOpenDeclarationをクリックします。
image.png

以下を追加します。

    virtual void LED_ONPressed();
    virtual void LED_OFFPressed();
    virtual void Toggle_LEDPressed();

ファイル名:gui/screen1_screen/Screen1View.hpp
image.png

次に、LEDのピンを設定します。
PG13,PG14をGOPIO OUTPUTにします。
image.png
image.png
そして、ジェネレーションします。
image.png
Screen1Presenter.cppにプログラムを追加します。
image.png

void Screen1View::LED_ONPressed()
{
    //Screen1ViewBase::tearDownScreen();
	HAL_GPIO_WritePin(PG13_GPIO_Port,PG13_Pin,GPIO_PIN_SET);
}

void Screen1View::LED_OFFPressed()
{
    //Screen1ViewBase::tearDownScreen();
	HAL_GPIO_WritePin(PG13_GPIO_Port,PG13_Pin,GPIO_PIN_RESET);
}

void Screen1View::Toggle_LEDPressed()
{
    //Screen1ViewBase::tearDownScreen();
	HAL_GPIO_TogglePin(GPIOG, GPIO_PIN_14);
}

このままでは、エラーが出てしまうのでトップにヘッダーファイルを追加します。

#include "main.h"

GPIOは1や0ではエラーとなり
GPIO_PIN_SETとGPIO_PIN_RESET
とします。

これで、LEDのオンオフが出来るようになったと思います。

以上で、TouchGFXを使用できるようになりましたね。

4
4
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?