3: Expression Blend로 UI 구성

Presentation on theme: "3: Expression Blend로 UI 구성"— Presentation transcript:

1

2 3: Expression Blend로 UI 구성
Layout Panel User Control과 Control 실습 + 미해결 질문 !!

3 Layout Panel

4 Layout Panel Properties
Brushes : Background, Foreground, BorderBrush Appearance : CornerRadius, BorderThickness, Stretch Layout : Width, Height, Row, Column, Alignment, margin, padding, orientation…

5 Layout Panel Grid Canvas StackPanel ScrollViewer Border
WrapPanel, DockPanel, Viewbox, UniformGrid (WPF Layout Panel)

6 Layout Panel Grid 기본 Layout Panel 행, 열 다수 자식객체

7 Canvas Left, Top : 자식객체 Size, Alignment가 자식객체에 영향을 미치지 않음.
Layout Panel Canvas Left, Top : 자식객체 Size, Alignment가 자식객체에 영향을 미치지 않음. Path로 이루어진 그림 배치에 용이 다수 자식객체

8 Layout Panel StackPanel 가로, 세로 자동 정렬 Panel의 크기만큼 자식객체 보여줌 다수 자식객체

9 ScrollViewer 컨트롤과 조합되어있는 레이아웃 패널 ScrollBar가 들어있음 자식객체하나 구조
Layout Panel ScrollViewer 컨트롤과 조합되어있는 레이아웃 패널 ScrollBar가 들어있음 자식객체하나 구조

10 ScrollViewer Layout Panel Border Grid Scroll Bar grid
Content Presenter Scroll Bar

11 Layout Panel Border BorderBrush Radius Padding 자식객체 하나

12 Layout Panel … WrapPanel – 자식객체 자동정렬, 너비높이조절
DockPanel – 자식객체들이 Docking UniformGrid – 자식객체 자동정렬, 행열수 지정 Viewbox – 자식객체 하나, Viewbox만큼 자식객체 조절

13 UserControl과 Control

14 드디어! 실습! 레이아웃 따라 만들어보기!

15 드디어! 실습! 레이아웃 따라 만들어보기!

16 참고 URL http://cafe.naver.com/expressionstudio/394

17 Microsoft Q&A 포럼 강의 내용에 대한 궁금함을 강사와 MVP가 직접 풀어드립니다.
개발자를 위한 MSDN 포럼 검색엔진에서 “MSDN 포럼” 입력 IT Pro 를 위한 TechNet 포럼 검색엔진에서 “TechNet 포럼” 입력 Consumer 를 위한 MS Answers 포럼

18 감사합니다 :D Blog : http://romaingz.tistory.com E-mail : hr.geas@gmail.com
me2day : twitter :