[FMX][팁] 파이어몽키 버튼의 배경색상 변경하기

2019.02.20 16:37

파이어몽키 버튼(TButton)에 배경색을 입히는 작업을 안내합니다.


버튼은 배경색 관련 속성을 제공하지 않아 스타일을 변경 해 적용해야 합니다.


커스텀 스타일 변경

버튼에 우측마우스 클릭 후 [Edit Custom Style...] 메뉴를 선택 해 Style Designer 화면으로 이동합니다.


관련 스타일 검토

Structure 패널에서 추가된 스타일(Button2Style1) 선택 후 배경색 관련된 항목이 있는지 확인합니다.

background 항목의 경우 TButtonStyleObject로 배경을 이미지에서 지정하는 방식으로 직접 배경색을 지정할 수 없습니다.


배경을 지정할 컴포넌트 추가 및 설정

배경을 지정할 컴포넌트를 직접 추가합니다.

background 항목의 자식으로 Rectangle 컴포넌트를 추가합니다.


추가된 Rectangle 컴포넌트 선택 후 속성을 편집합니다.

  • Align = Client
  • Fill.Color = 원하는 색상
  • Opacity = 원하는 투명도
  • HitTest = False(클릭이 되지 않도록)
추가된 스타일(Button2Style1 등)의 StyleName 속성도 알아보기 좋게 변경합니다.(예> BlueButton, RedButton)

Style Designer의 툴바 가장 오른쪽의 Apply style 버튼을 클릭해 적용합니다.

버튼 스타일 적용
다시 폼 디자이너로 돌아와 버튼의 스타일을 지정합니다.



버튼 선택 후 StyleLookup 속성을 보면 앞에서 추가한 스타일을 선택할 수 있습니다. 스타일은 여러개의 버튼에 동일하게 적용할 수 있습니다.



험프리.김현수 파이어몽키