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

Silverlight, WPF .net framework 기반의 기술

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

WPF DEMO WPF Surface http://www.youtube.com/watch?v=rP5y7yp06n0

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

DEMO Silverlight xbox http://cdn.beatles.xbox.com/beatles/default.html http://cdn.haloodst.xbox.com/odst/index.html Emodio http://emodio.kr.samsungmobile.com/spaceWeb/main.action

Expression Studio

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

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

DEMO Silverlight MS Office lab 2019 http://www.youtube.com/watch?v=nq3EeZz-W3A

Expression Blend

Expression Blend Expression Blend Interface Function

Expression Blend Layout Panel

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…

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

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

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

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

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

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

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

Expression Blend – Control

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

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