프리미엄 스타일 팩 사용방법

* 본 문서는 XE7 기준으로 설명되어 있습니다.

 

스타일은 어플리케이션 외관을 가장쉽게 유려하게 외관을 바꾸고 외관을 일관되게 유지할 수 있는 기술입니다.

RAD Studio에는 기본으로 제공되는 스타일(VCL: 34가지, FMX: 22가지)외에도 더 프리미엄한 스타일을 구성할 수 있는 프리미엄 스타일 팩을 엠바카데로에서 제공합니다.

RAD Studio 구입 시 2 종류(VCL/파이어몽키)의 프리미엄 스타일 팩을 다운로드 후 사용할 수 있습니다. 

 

❑ 다운로드

프리미엄 스타일 팩은 엠바카데로 EDN(embarcadero developer network) 사이트의 등록된 제품 다운로드 페이지에서 다운로드 가능합니다. (해당 페이지는 스타일 팩 뿐 아니라 프로모션 시 제공받는 다양한 툴들도 다운로드 받을 수 있습니다. ☞ 프로모션 보기)

 

 

 

❑ VCL 프리미엄 스타일 팩 사용하기

 

스타일 경로에 스타일 파일 복사

  • 다운로드 한 VCL 프리미엄 스타일 팩의 압축을 해제하면 총 5가지의 VSF(*.vsf) 파일이 있습니다.
  • VSF 파일을 VCL 스타일 경로로 복사합니다.
    • XE7기준 - C:\Users\Public\Documents\Embarcadero\Studio\15.0\Styles

 

VCL 스타일 사용하기

  • RAD Studio에서 VCL Form Application 프로젝트를 열고 프로젝트 옵션(Project > Options) 호출
  • Application > Appearance 메뉴를 선택합니다.(Custom styles 항목에는 앞에서 추가한 Coral, Emerald 등의 스타일을 확인할 수 있습니다.)
  • 사용할 스타일을 선택 후 [Preview] 버튼으로 미리보기 후, 사용할 스타일의 체크박스를 선택합니다.
  • 아래 Default style에서 기본으로 사용할 스타일을 선택 후 [OK] 버튼을 누릅니다.

 

VCL 스타일이 적용된 모습

기본 데모 중 MastApp으로 스타일을 적용한 모습(C:\Users\Public\Documents\Embarcadero\Studio\15.0\Samples\Object Pascal\Database\IBX\IBMastApp)

 

 


Coral

Emerald

Diamond

 

 

 

❑ 파이어몽키(FMX) 프리미엄 스타일팩 사용하기

 

FMX 스타일

  • 파이어몽키 스타일 파일(*.style)은 별도의 경로에 복사하지 않아도 됩니다.(다운로드 후 편리한 경로에 압축해제 후 사용합니다.)

  • 파이어몽키 스타일은 플랫폼별로 다양하게 제공됩니다.

 

 

FMX 스타일 사용하기

파이어몽키 스타일은 스타일북(TStyleBook) 컴포넌트를 이용해 스타일을 사용할 수 있습니다. 

  • RAD Studio에서 Multi-Device Application 프로젝트를 열고 폼위에 TStyleBook 컴포넌트 추가
  • 폼이 스타일북을 이용할 수 있도록 StyleBook 속성을 변경 후 StyleBook 컴포넌트를 더블 클릭해 스타일 디자이너 표시
  • 스타일 디자이너에서 [Load] 버튼을 누르고 앞에서 다운로드 한 스타일 파일을 선택하고, [Apply and Close] 선택
  • 플랫폼 별 스타일을 적용하려한다면 플랫폼 뷰를 추가하고 플랫폼에 맞는 스타일 파일 선택

 

파이어몽키 스타일이 적용된 모습

 


AndroidCoralCrystal.style

AndroidEmeraldCrystal.style

AndroidDiamond.style
 

 

번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 17800
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 16166
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 18813
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 24388
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 25773
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 21126
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 41711
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 177019
674 안드로이드 개발환경 추가 조치방법 - RAD Studio에서 SDK 설정 Humphery 2015.10.01 5600
673 RAD Studio, Delphi 그리고 C++빌더 로드맵 - 한글(2014년 3월) file Humphery 2014.03.05 5570
672 PA(Platform Assistant) Server를 활용한 Windows 응용 프로그램 원격 디버깅 file 관리자 2012.08.09 5528
671 이 달의 기술자료 - 2015년 05월 file 험프리 2015.04.24 5507
670 델파이와 RAD스튜디오로 iOS 개발하기 - 모바일 프리뷰 웹세미나 관리자 2013.02.12 5491
» RAD Studio 프리미엄 스타일 사용방법(VCL / FMX) [1] Humphery 2014.10.10 5420
668 David I의 31 XE3 퀵 비디오 - HTML5 빌더의 Canvas, Storage, Audio/Video 지원 관리자 2012.10.18 5326
667 TeeChart 컴포넌트를 통해 다양한 차트 및 그래프로 데이터를 출력할 수 있습니다. file 험프리 2016.08.30 5319
666 짐 맥키트(Jim McKeeth) - 당신의 뇌를 델파이에 연결하기(Emotiv EPOC) Humphery 2014.03.25 5278
665 Turbo Pascal 출시 30년 - '즐거운 소프트웨어 개발'은 계속됩니다. 관리자 2013.01.18 5138
664 짐 맥키트(Jim McKeeth) - 열손가락과 델파이를 연결하다.(Leap Motion 연동) Humphery 2014.04.04 5123
663 RAD Studio / Delphi / C++Builder XE3 업데이트 2 파일 다운로드 관리자 2013.01.28 5067
662 RAD Studio XE3를 활용한 iOS애플리케이션 개발 베타 테스터 모집 관리자 2013.01.28 4994
661 델파이 이전버전을 설치하는 방법 Humphery 2014.02.14 4912
660 안드로이드 ARM 에뮬레이터 속도를 올리는 8가지 팁 Humphery 2014.04.25 4907
659 RAD Studio XE4 퀵 가이드: PDF 다운로드 file 관리자 2013.05.30 4898
658 Digifort에서 델파이XE5로 개발한 원격 제어 카메라 앱 관리자 2013.10.30 4882
657 이 달의 기술자료 - 2014년 10월 file 험프리 2014.09.12 4853
656 20130307 "RAD Studio XE3 따라잡기,LIVE! : iOS 델파이 개발 프리뷰 최초 공개" 세미나 자료 file 관리자 2013.03.08 4798
655 짐 맥키트(Jim McKeeth) - 델파이 하늘을 날다(AR.Drone 2.0 연동) Humphery 2014.03.28 4728