[touGFX]버튼(Button) 색 변경

2022년 01월 06일 by 진아사랑해

    [touGFX]버튼(Button) 색 변경 목차
반응형

버튼이 클릭하면 색을 다르게 표현하는 과정이다

 

버튼에 대한 이미지가 별도로 없어서 touchGFX tutorial에서 사용한 함수를 사용하였다

button은 flex button을 사용하고 색상을 하얀색으로 하였다

box는 색상을 임의로 설정하고

box위에 text를 사용하였고, 또한 배경색과 대비하여 잘 보일 수 있게 하얀색으로 하였다

 

code generate를 하면

각각의 버튼에 대한 코드가 생성된다

https://power-of-optimism.tistory.com/521

 

[touchGFX]하나의 스크린(Screen)에 많은 버튼(Botton)의 Interaction 설정

하나의 화면에 다수의 버튼을 설정하고, 각 버튼에 Interaction을 정하는 경우가 있다 이 경우 하나의 화면에 다수의 버튼이 있음으로 버튼 별로 Interaction을 설정을 하는데 하나의 설정으로 움직임

power-of-optimism.tistory.com

 

버튼에 색상을 변경하는 경우에는 각 버튼의 처리함수에서 아래처럼 수행하면 된다

void mainScreenView::functionMaster()
{
printf("functionMaster\n");
    boxMaster.setColor(touchgfx::Color::getColorFrom24BitRGB(0x00, 0xff, 0x00));  <- 변하기를 원하는 색상(녹색)
    boxMaster.invalidate();
    boxRoom1.setColor(touchgfx::Color::getColorFrom24BitRGB(0x62, 0x81, 0xE6)); <- 클릭되지 않은 다른 버튼 색상
    boxRoom1.invalidate();
    boxRoom2.setColor(touchgfx::Color::getColorFrom24BitRGB(0x62, 0x81, 0xE6));
    boxRoom2.invalidate();
    boxRoom3.setColor(touchgfx::Color::getColorFrom24BitRGB(0x62, 0x81, 0xE6));
    boxRoom3.invalidate();
    boxRoom4.setColor(touchgfx::Color::getColorFrom24BitRGB(0x62, 0x81, 0xE6));
    boxRoom4.invalidate();
}

 

주의) 나는 4.16버전을 사용함으로 touchgfx::Color::getColorFrom24BitRGB() 함수를 사용

               4.18버전은 touchgfx::Color::getColorFromBitRGB() 함수를 사용

 

즐거운 시간되세요

 

반응형