새로운 글
새로운 덧글

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

* 본 문서는 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
 

 

번호 제목 글쓴이 날짜 조회 수
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 관리자 2017.02.06 1116
공지 이 달의 기술자료 & 기술레터 관리자 2017.02.06 359
공지 데브기어 강의 - 2017년 11월~2017년 12월 관리자 2015.01.22 5643
공지 RAD Studio(Delphi, C++Builder) 시작하기 관리자 2015.06.30 9037
공지 RAD 스튜디오로 개발된 모바일 앱 사례(17년 6월 26일 업데이트) 험프리 2014.01.16 146528
420 RAD Studio XE7에서 안드로이드 개선된 내용 [1] 관리자 2014.11.22 1314
419 RAD Studio XE7에서 VCL개선된 내용 관리자 2014.11.22 1027
418 [세미나 자료] 20141113 RAD Studio XE7 DeepDive file 관리자 2014.11.14 1322
417 VCL앱을 모바일앱으로 쉽게 확장할 수 있는 앱테더링 자세히 살펴보기! [3] Humphery 2014.11.11 2626
416 더 쉬운코드, 더 유연한 코드를 작성할 수 있는 현대식 문법 Humphery 2014.11.06 3836
415 RAD Studio XE7에서 추가된 안드로이드 기능 익히기(동영상) Humphery 2014.11.05 1853
414 델파이 문법을 익힐 수 있는 문서모음 [2] Humphery 2014.11.03 2179
413 XE7에서 추가 된 안드로이드 프로젝트에서 외부 라이브러리(jar) 사용을 위한 정보 [1] Humphery 2014.11.03 2847
412 [업데이트][Hotfix] iOS 배포와 요세미티, VCL Bitmap 파일 보안취약점 패치 Humphery 2014.10.22 1860
411 [따라하기] "나의 도서관 앱" 개발 Humphery 2014.10.15 3141
410 [동영상] 8단계로 완성하는 "2014년 출시 앨범" 앱 개발 "15"분 만에 완료하기 관리자 2014.10.14 1707
409 이 달의 기술자료 - 2014년 11월 험프리 2014.10.13 53860
» RAD Studio 프리미엄 스타일 사용방법(VCL / FMX) [1] Humphery 2014.10.10 3762
407 8단계로 완성하는 "2014년 출시 앨범" 앱 개발 따라하기 [1] file Humphery 2014.10.07 3123
406 [광주 세미나 발표자료] RAD Studio XE7 Direct, LIVE! 관리자 2014.09.30 1222
405 [XE7] 사물인터넷(IoT)와 RAD Studio -블루투스 [2] Humphery 2014.09.24 3612
404 FireDAC 시작하기 Humphery 2014.09.23 1926
403 [XE7] 병렬(페러럴) 컴퓨팅 라이브러리 소개 Humphery 2014.09.22 2378
402 [XE7] 다양한 형태로 표시되는 적응형 컴포넌트 TMultiView 소개 Humphery 2014.09.18 1704
401 [XE7] 멀티 디바이스 디자이너 소개 [1] Humphery 2014.09.18 2130


광고 모듈이 설치되어 있지 않아 실행을 중단합니다..