cancel
Showing results for 
Search instead for 
Did you mean: 

Hardware button with TouchGFX for screen transition

Josh_W020
Visitor

Hi,

I have been trying to implement the functionality to change the currently active screen on TouchGFX using a hardware button with no luck so far.

I'm using an STM32H743zit6.

Here are the resources I've looked at but haven't managed to get working:

https://www.youtube.com/watch?v=ufvJ5bcesL8

https://www.youtube.com/watch?v=QgEDSjvGAlk

https://support.touchgfx.com/docs/development/scenarios/example-gpio

https://support.touchgfx.com/docs/development/board-bring-up/how-to/10-physical-buttons

https://support.touchgfx.com/docs/development/ui-development/touchgfx-engine-features/screen-transitions

https://community.st.com/t5/stm32-mcus-touchgfx-and-gui/hardware-button/td-p/640357

 

Any help would be greatly appreciated,

Thanks.

7 REPLIES 7

@Josh_W020 wrote:

Here are the resources I've looked at


What we really need to see is what you've done.

https://community.st.com/t5/community-guidelines/how-to-write-your-question-to-maximize-your-chances-to-find-a/ta-p/575228

 


@Josh_W020 wrote:

I have been trying to implement the functionality to change the currently active screen on TouchGFX using a hardware button .


Which part are you stuck on:

  • change the currently active screen?
  • detecting a hardware button?
SofLit
ST Employee

Hello,

I think you need to use application().gotoScreen2CoverTransitionxxx() API from the button callback.

See for example this thread.

 

To give better visibility on the answered topics, please click on "Accept as Solution" on the reply which solved your issue or answered your question.
MM..1
Chief III

Ohh boy zero info... Try this

MM1_0-1736362775916.png

run simultor and press A key on keyboard Work transition ?

Interaction1 in my example is add on main screen (FYI your screen marked to start) and transition go to Screen1...

When this works ok you can step to physical button code ...

 

Hi thanks for the reply,

I have tried setting the hardware button up in this way and the screen changes as expected in the simulator.

I also know the hardware button is working as I have another button used for saving images to a USB that works correctly.

However, if you have any suggestions on how to call the change screen functions through code even without pressing a button that would be great too (for example calling it after a short delay in the main while loop).

Josh

The transition is done using the call of application().gotoScreenXXXTransitionYYY() 

See the link I share previously.

To give better visibility on the answered topics, please click on "Accept as Solution" on the reply which solved your issue or answered your question.

Hi,

I already have a different hardware button implemented for a separate function so I believe this is working correctly.

Sorry if I haven't provided enough info, I'll drop some code in below that i have tried so far.

Button setup in TouchGFX:

Screenshot 2025-01-09 093106.png

This is the cpp file as created in the youtube video provided by STM.

#include <newButtonController.hpp>
#include <main.h>
#include <touchgfx/hal/HAL.hpp>

extern "C" uint8_t User_ButtonState;

void newButtonController::init()
{
	previousState = 0xFF;
}

bool newButtonController::sample(uint8_t& key)
{
	if(HAL_GPIO_ReadPin(GPIOD, GPIO_PIN_2) == GPIO_PIN_RESET && previousState == 0x00)
	{
		previousState = 0xFF;
		key = 1; // here key determines which key will be trigger in TouchGFX
		return true;
	}
	previousState = 0x00;
	return false;
}

And this the header file:

#ifndef NEWBUTTONCONTROLLER_HPP_
#define NEWBUTTONCONTROLLER_HPP_

#include <platform/driver/button/ButtonController.hpp>

class newButtonController : public touchgfx::ButtonController
{
	virtual void init();
	virtual bool sample(uint8_t& key);

private:
	uint8_t previousState;
};



#endif /* NEWBUTTONCONTROLLER_HPP_ */

Finally the modified TouchGFXHAL.cpp file:

#include <TouchGFXHAL.hpp>

/* USER CODE BEGIN TouchGFXHAL.cpp */

#include "main.h"
#include <newButtonController.hpp>
newButtonController bc;

using namespace touchgfx;
extern "C" uint8_t framebuffer[800 * 480];

void TouchGFXHAL::initialize()
{
    // Calling parent implementation of initialize().
    //
    // To overwrite the generated implementation, omit the call to the parent function
    // and implement the needed functionality here.
    // Please note, HAL::initialize() must be called to initialize the framework.
	/*

	*/
    TouchGFXGeneratedHAL::initialize();

    // Set the framebuffer start address
       HAL::getInstance()->setFrameBufferStartAddresses(
           framebuffer,    // Framebuffer for the first layer (internal memory)
           nullptr,        // Framebuffer for the second layer (if unused, set to nullptr)
           nullptr         // Framebuffer for the third layer (if unused, set to nullptr)
       );

       setButtonController(&bc);
}

And here is how the button is configured in the ioc file:

Screenshot 2025-01-09 093623.png

Thanks again,

Josh

Hi, thanks for the response.

I have checked my StartUpScreenViewBAse.cpp file and it appears to have generated correctly.

void StartUpScreenViewBase::handleKeyEvent(uint8_t key)
{
    if(1 == key)
    {
        //Interaction1
        //When hardware button 1 clicked change screen to FFTScreen
        //Go to FFTScreen with no screen transition
        application().gotoFFTScreenScreenNoTransition();
    
    }
}

Is it that I need to call "application().gotoFFTScreenScreenNoTransition();" from another place in my code?