[touchGFX]배경색이 없는 버튼(Button) 만들기 및 버튼 크기(Size) 조정

touchGFX를 사용하면서 특정 영역에 대한 클릭을 인식하고

클릭된 버튼에 따라 화면을 전환할 필요가 생겼다

 

touchGFX의 위젯(Widget)중에 아래처럼 Flex Button을 사용하였다

화면 오른쪽에 나타나는 메뉴에서 "Box with Border"를 누른다

 

아래와 같은 화면이 추가로 오른쪽 화면 하단에 나온다

위 화면에서 Background colors -> Released, Pressed

Border colors ->  Released, Pressed를 각각 눌러서 색상을 하얀색으로 변경한다

(각자가 요구하는 버튼 화면 색으로 만든다)

전부 하얀색으로 변경하니 버튼 색도 이에 맞게 변경되어 있다

이제 이렇게 만든 버튼에 내가 원하는 동작을 하도록 Interaction을 추가하면 된다

 

Flex Button은 크기를 조절할 수 있음으로 필요에 맞도록 크기를 조절하면 된다

 

즐거운 시간되세요