DevExpress 강좌3-5 (SUI Demo) #1

1. DevExpress 강좌3-5 (SUI Demo)

- SUI (Windows Style UI)는 윈도우8에 도입된 시각적 스타일입니다. UI는 전체 화면 구성에서 사용할 수 있지만 창 설정에서도 시각화 기능을 수용할 수 있는 담색 화면용 타일을 사용합니다.

 

(1) 기본 프로그램 화면

- 두개의 사용자 컨트롤이 포함된 프로젝트 입니다.

- 간단한 Rich Edit Control과 복잡한 UI로 Grid Control 입니다.

- 기본 프로그램에서는 서로 연결처리가 되어 있지 않습니다.

 

(2) Document Manager 추가

- 기본양식에 문서관리자(DocumentManager)를 추가 합니다.

- 문서관리자는 탭보기로 구성되어 있으며, 이를 Wlindows UI로 변경합니다.

- documentManager -> DocumentManager 작업 -> Convert To WindowsUIView

- Run Designer 실행

- Documents -> Populate 클릭

- 기본폼(Windows UI)이 변경되어 채워져 있는걸 확인할 수 있습니다.

- 타일페이지( Tites)에 표시되는 타일도 선택후 색상 텍스트 이미지와 애니메이션을 표시하도록 설정할 수 있습니다.

- 여러 간단한 타일의 일관된 레이아웃을 위해 배치 위치를 지원합니다.

- Elements 클릭

- Elements 추가(Add)하는 각 항목마다 편집기 대화상자를 사용하여 요소 컬렉션만 구성합니다.

- 타일은 이미지의 텍스트 조각으로 구성됩니다. (Cancel 버튼 종료)

- 기본 요소를 사용하는 대신 플레임 만들기 설정 프레임은 전환에 사용됩니다.

- 원하는 수의 프레임을 추가할 수 있으며 각 프레임에는 고유한 요소 컬렉션이 있습니다.

- 몇가지 요소(Elements)와 프레임(Frames)를 구성했습니다.

- 추가 소스을 참고해 주시기 바랍니다.

 

(3) 실행

- 기본 양식과 애니메이션을 포함하여 구성한 타일로 빠르게 대체됩니다.

- 애플리케이션이 창장식 없이 전체화면 모드로 변경후 실행도 해보시기 바랍니다.

- FormBorderStyle (Sibable -> None)

- WindowsStyle (Normal -> Maximized)

- 윗쪽 타일 클릭시 프로그램 실행은 편집컨트롤(richeditcontrol) 

- 아래 타일 클릭시 프로그램 실행은 그리드컨트록(gridcontrol)

 

2. 프로그램 소스

sample_3_10.zip

0.04MB