- 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) 실행화면과 소스
- 실행화면과 소스
(8) 마무리
- 소스 Open시 참고 사항
1) Framewrok 버젼이 다를경우 업데이트 진행
2) DevExpress 버젼이 다를경우 Converter (Yes) -> Upgrade All -> Finish -> 모두다시로드
(이때, 오류 발생시 프로그램 종료후 재실행후 다시 작업하시면 됩니다.)
'개발(IT) > DevExpress 교육자료' 카테고리의 다른 글
[DevExpress 교육] 1-7. Getting Started - Demo(Behaviors) (0) | 2023.10.30 |
---|---|
[DevExpress 교육] 1-6. Getting Started - Demo(Databinding) (0) | 2023.10.29 |
[DevExpress 교육] 1-4. Getting Started - Demo(Skin) (0) | 2023.10.29 |
[DevExpress 교육] 1-3. Getting Started - Demo (0) | 2023.10.27 |
[DevExpress 교육] 1-2. Getting Started - Demo (0) | 2023.10.26 |