비트맵 스타일 디자이너 사용

Delphi, C++Builder에는 비트맵 스타일 디자이너라는 도구가 함께 제공됩니다. (Starter에도 부속되어 있습니다)
이 툴은 Delphi, C++Builder 의 어플리케이션이나 어플리케이션내의 컨트롤의 외관(스타일)을 스스로 작성·설정할 수 있는 툴입니다.

여기에서는 Delphi 10.2.1 Tokyo Starter와 함께 제공되는 비트 맵 스타일 디자이너를 사용합니다.

이 기사는 이전 EDN에 쓴 기사를 10.2.1 Tokyo에서 다시 작성한 것입니다.

이미지 이미지 만들기

Windows 페인트를 시작하고 그리기 시작. 5색의 △만의 간단한 것입니다. 좋은 스타일을 만드는 경우 illustrator 등으로 상당히 멋지게 보이는 이미지를 만드십시오.

투과 처리를 실시합니다. 메뉴의 [선택] ▼을 클릭하고 [모두 선택] ⇒ [투과 선택]에서 투과 처리를 수행합니다.

파일을 저장합니다 (여기에서는 PNG로 저장)

스타일 파일 만들기

비트맵 스타일 디자이너를 시작합니다. 여기서는 FireMonkey 애플리케이션용 Windows 스타일을 정의합니다.
화면은 Starter 에디션의 메뉴 화면입니다.

파일 | 새로 만들기 | Windows 스타일에서 새로 스타일 파일을 만듭니다.

이미지 이미지 파일 추가

새로 만든 스타일 파일에 만든 이미지 이미지 파일을 추가합니다.
1. 왼쪽의 객체 트리에서 이미지를 마우스로 선택합니다. 이 이미지에 사용할 이미지 파일을 추가하고 저장하고 사용합니다.
2. 추가 버튼을 클릭하여 만든 이미지 파일을 불러옵니다.

3. 가져온 이미지 이미지가 표시됩니다. 마스크(불필요한 부분) 색을 지정하여 필요한 이미지 이미지만으로 두고 [OK] 버튼을 클릭하여 저장합니다.

구성 요소에 이미지 설정

각 구성 요소에 대해 표시할 이미지를 설정합니다. 여기에서는 Button 컴퍼넌트의 표시 이미지에 만든 이미지를 설정합니다.
1. 왼쪽 개체에서 Objects 트리를 확장합니다.
2. 확장된 항목에서 Button을 확장합니다.
3. 확장된 Face를 선택합니다. 오른쪽 화면이 객체 뷰어와 Inspector로 바뀝니다.
4. Inspector에서 Bitmap을 선택하고 [...] 버튼을 누릅니다.

비트맵 속성 화면이 열립니다. 좌측의 「비트 맵」의 곳에 읽어들인 파일명이 표시되고 있습니다. 해당 파일을 선택합니다.

마우스 왼쪽 클릭에서 왼쪽 위 위치, 오른쪽 클릭으로 오른쪽 하단 위치를 지정하고 버튼 이미지로 표시할 이미지를 둘러싸고 적용 버튼을 누릅니다.

적용 후 화면


Bitmap(일반), BitmapDisabled(비활성화), BitmapFocused(FireMonkey 포커스 시), BitmapHot(VCL 포커스 시), BitmapPressd(누를 때)를 설정할 수 있습니다.

뷰어에서 확인할 수 있습니다.

비트맵 스타일 디자이너의 툴바 곳에 있는 녹색의 △버튼 옆에 있는▼버튼을 눌러 「VCL 스타일의 테스트」 「데스크탑 스타일의 테스트(FireMonkey)」를 선택해 실행하면, 스타일 뷰어가 기동해, 설정한 상태를 확인할 수 있습니다.