새로운 글
새로운 덧글

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

* 본 문서는 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 132
공지 이 달의 기술자료 & 기술레터 관리자 2017.02.06 154
공지 데브기어 강의 - 2017년 5월~2017년 7월 관리자 2015.01.22 5240
공지 RAD Studio(Delphi, C++Builder) 시작하기 관리자 2015.06.30 7667
공지 RAD 스튜디오로 개발된 모바일 앱 사례(17년 5월 2일 업데이트) 험프리 2014.01.16 145002
748 [발표자료] REST API 웹서비스 연동 관리자 2017.05.29 29
747 [REST API][실습] REST API 클라이언트 개발하기(REST Client 이용) 험프리 2017.05.23 54
746 [REST API][실습] REST API 서버 개발하기(엔드포인트 구현, RAD 서버 이용) 험프리 2017.05.23 48
745 [REST API] REST API 이해하기 험프리 2017.05.23 61
744 델파이 코드 분석 도구 험프리 2017.05.16 97
743 애플 개발자 프로그램 구독하지 않고 XCode8을 설정해 iOS앱을 배포하는 방법 험프리 2017.05.15 85
742 안드로이드에서 커스텀 폰트 사용하기 - 델파이 10.2 도쿄 험프리 2017.05.15 50
741 [고객 사례- 조명, 델파이] 나이아가라 폭포 야간 조명 [1] 관리자 2017.05.10 211
740 [업데이트][핫픽스][10,2 도쿄] 툴체인 이슈 핫픽스 험프리 2017.05.10 102
739 [RAD서버] EMS 패키지 프로젝트 시작하기 험프리 2017.04.28 65
738 [RAD서버] EMS 서버 운영환경에 설치하기(독립형 실행파일) 험프리 2017.04.28 81
737 이 달의 기술자료 - 2017년 05월 file 험프리 2017.04.26 145
736 리눅스 서버용 GUI 응용프로그램 만들기(10.2 도쿄 & FMXLINUX 이용) 관리자 2017.04.25 202
735 [환경설정] 아마존 EC2 이용해 리눅스 서버 환경 구축하기 험프리 2017.04.20 149
734 [환경설정] 아마존 EC2 이용해 윈도우 서버 환경 구축하기 [1] 험프리 2017.04.13 171
733 [발표자료] What's NEW! RAD Studio 10.2 도쿄 험프리 2017.04.13 131
732 [고객 사례- 3D, 이미지스캐너, 델파이] mimix 3D 프로필 스캐너 관리자 2017.04.13 144
731 [RAD 서버] 비콘펜스 소개 및 데모(실내외 길찾기, 지역진입 감지하기) [1] 험프리 2017.04.13 100
730 [발표자료] 소개합니다! RAD Studio 10.2 도쿄 관리자 2017.04.06 178
729 이 달의 기술자료 - 2017년 04월 file 험프리 2017.03.30 185


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