[DevExpress 교육] 1-5. Getting Started - Demo(Skin)

- DevExpress에서 Skin를 Script나 컴포넌트를 통한 변경작업에 대해서 알아보겠습니다.

(1) DevExpress sample 화면

(1) sample Button1 버튼 Script Skin 변경

- smpleButton1 더블클릭후 Script 작성

- 참고로 Skin 관련 라이브러리는 DevExpress.LookAndFeel를 사용합니다.

(2) 프로그램 실행 후 버튼 클릭

- 실행 화면 버튼 클릭전

- 버튼클릭후 변경된 화면 Skin

(3) Skin 컴포넌트 추가

- Toolbox -> RibbonControl 선택후 Form에 추가(화면클릭)

(4) Skin 컴포넌트 설정 #1

- ribbonPageGroup1 클릭후 Skin Item -> Skin Gallery 선택

- 바로 이어서 같은 방법으로 ribbonPageGroup1 클릭후 Skin Item -> Skin Palette Gallery 선택

- 프로그램 실행

- Skin 변경 확인 (ribbonPage1선택시 ribbonPageGroup1이 변경되면서 색상을 선택할수 있습니다.)

(5) Skin 컴포넌트 설정 #2

- 프로그램 실행중 ribbonPageGroup1의 내용이 없는경우 아래와 같이 표시 되는경우가 있습니다.

- 아래 버튼을 누르고 Carmel 선택시 아래와 같은 메시지 표시

- 이런경우 Script를 수정해서 않나오게 해보겠습니다.

(6) Skin 컴포넌트 설정 #3

- Script 수정 

- UserLookAndFeel.Default.StyleChanged += default_StyleChanged;

(7) 실행화면과 소스

- 실행화면과 소스

sample_1_9.zip

0.01MB

(8) 마무리

- 소스 Open시 참고 사항

1) Framewrok 버젼이 다를경우 업데이트 진행

2) DevExpress 버젼이 다를경우 Converter  (Yes) -> Upgrade All -> Finish -> 모두다시로드

    (이때, 오류 발생시 프로그램 종료후 재실행후 다시 작업하시면 됩니다.)