RIA 기술적인 비교 User User 응용프로그램 응용프로그램 브라우저 운영체제 운영체제 하드웨어 하드웨어 기존 RIA.

Presentation on theme: "RIA 기술적인 비교 User User 응용프로그램 응용프로그램 브라우저 운영체제 운영체제 하드웨어 하드웨어 기존 RIA."— Presentation transcript:

1

2

3

4

5

6

7

8

9 RIA 기술적인 비교 User User 응용프로그램 응용프로그램 브라우저 운영체제 운영체제 하드웨어 하드웨어 기존 RIA

10

11

12 Silverlight, WPF .net framework 기반의 기술

13

14

15

16

17

18

19

20 WPF ? 'UI를 새로운 경지...'

21

22 WPF DEMO WPF Surface

23

24

25

26

27 Silverlight history! Silverlight - Media – smooth streaming
- Productivity - .net framework - Co-work – Expression studio + Visual Studio

28 DEMO Silverlight xbox http://cdn.beatles.xbox.com/beatles/default.html
Emodio

29 Expression Studio

30 Expression Studio Expression Studio Expression Web Expression Design
Expression Encoder Expression Blend + Sketch Flow

31 Co-work! Designer Developer Director Expression Blend / XAML
Visual Studio / CLR Director Expression Blend / Sketch Flow

32 DEMO Silverlight MS Office lab 2019

33 Expression Blend

34 Expression Blend Expression Blend Interface Function

35 Expression Blend Layout Panel

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

37 Layout Panel Expression Blend – Layout Panel Grid Canvas StackPanel
ScrollViewer Border WrapPanel, DockPanel, Viewbox, UniformGrid (WPF Layout Panel)

38 Expression Blend – Layout Panel
Grid 기본 Layout Panel 행, 열 다수 자식객체

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

40 Stack Panel Expression Blend – Layout Panel 가로, 세로 자동 정렬
다수 자식객체

41 Scroll Viewer Expression Blend – Layout Panel 컨트롤과 조합되어있는 레이아웃 패널
ScrollBar가 들어있음 자식객체하나 Border grid Grid Content Presenter Scroll Bar

42 Border Expression Blend – Layout Panel BorderBrush Radius Padding
자식객체 하나

43 WPF Layout Panel Expression Blend – Layout Panel
WrapPanel – 자식객체 자동정렬, 너비높이조절 DockPanel – 자식객체들이 Docking UniformGrid – 자식객체 자동정렬, 행열수 지정 Viewbox – 자식객체 하나, Viewbox 크기 상대대비 자식객체 조절

44 Expression Blend – Control

45 Layout Panel과 Control 이해를 위한 : UI 만들기
실습 1 Layout Panel과 Control 이해를 위한 : UI 만들기 Layout panel Drawing Control

46 Thanks! Blog : http://romaingz.tistory.com E-mail : hr.geas@gmail.com
me2day : /geas/ twitter