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

* 본 문서는 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 13102
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 12185
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 14690
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 20110
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 21490
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 17167
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 37323
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 172794
1143 [C++빌더 XE3 비디오 31] C++ 파이어몽키 앱에 Action 및 Gesture 추가하기 관리자 2013.01.08 5473
1142 델파이와 RAD스튜디오로 iOS 개발하기 - 모바일 프리뷰 웹세미나 관리자 2013.02.12 5463
1141 David I의 31일 동영상(한글자막) - 인라인 어셈블러 C++빌더 64-bit에 추가하기 관리자 2013.05.03 5439
1140 David I의 31일 동영상(한글자막) - 이미지 효과 필터를 사용한 앱 만들기(윈도우&맥용)(델파이 동일 적용 가능 관리자 2013.04.29 5439
1139 델파이에서 사용하는 각 Stream(스트림) 정리 김원경 2017.01.04 5434
1138 [델파이 문법] 클래스와 객체 #20 file 관리자 2012.07.09 5434
1137 David I의 31 XE3 퀵 비디오 - FM2로 오디오 및 비디오 캡쳐 기능 만들기 관리자 2012.10.09 5404
1136 David I의 31일 동영상(한글자막) - 3D 모델(DAE, OBJ, ASE)를 사용한 C++앱 만들기(윈도우&맥 용)(델파이 동일 적용 가능) 관리자 2013.05.16 5402
1135 David I의 31일 동영상(한글자막) - ClientDataSet을 활용한 파이어몽키 애플리케이션 관리자 2013.03.22 5399
1134 PA(Platform Assistant) Server를 활용한 Windows 응용 프로그램 원격 디버깅 file 관리자 2012.08.09 5399
1133 IOS 앱을 개발하여 App Store에 등록하는 방법 관리자 2013.05.20 5388
1132 Delphi XE4에서 iOS 개발 환경 구축시 유의 할점. c2design 2013.05.11 5370
» RAD Studio 프리미엄 스타일 사용방법(VCL / FMX) [1] Humphery 2014.10.10 5363
1130 [따라하기] 인공지능 오목게임(1) - 만들기 [2] file 대화마을 2017.09.12 5360
1129 David I의 31일 동영상(한글자막) - C++빌더XE3로 멀티-티어 데이터스냅 앱 만들기(델파이 동일 적용 가능) 관리자 2013.05.17 5360
1128 [델파이 문법] 문법 요소 #15 file 관리자 2012.12.25 5355
1127 [델파이 문법] 프로시저와 함수 #11 file 관리자 2012.08.27 5336
1126 [델파이 문법] 문법 요소 #6 file 관리자 2012.10.25 5318
1125 [델파이 문법] 문법 요소 #14 file 관리자 2012.12.17 5317
1124 David I의 31 XE3 퀵 비디오 - HTML5 빌더의 Canvas, Storage, Audio/Video 지원 관리자 2012.10.18 5314