1 Moderne GUI og Silverlight Windows Presentation Foundation

WPF Overview Traditional GDI (25 years), GDI+, WinForms DirectX (16 years), Direct3D Quartz, DirectShow (14 years) Problems Showing their age Each API is different Mixing APIs is challenging 2

WPF Overview Next Generation WPF – replaces GDI/WinForms Direct3D – large games, used by WPF Media Foundation – ultimately will replace DirectShow MCML – markup language for Media Center Edition applications XNA – small games 3

WPF Overview Compositing UI, Documents, Media, 3D, Browser, … Declarative programming with XAML markup For Designers and Developers Rewritten from scratch Built on top of Direct3D Hardware accelerated Vector based Resolution independent Retained graphics 4

WPF Vision Integrated, vector-based composition engine Utilizing the power of the PC throughout the graphics stack Unified approach to UI, Documents, and Media Integration as part of development and experience Declarative programming Bringing designers directly into application development Ease of deployment Allowing administrators to deploy and manage applications securely 5

XAML XML for Applications Markup Language 6 Click Me! Click Me! Button button1 = new Button(); button1.Content = "Click Me!"; Button button1 = new Button(); button1.Content = "Click Me!";

XAML: Properties As attributes or elements 7 <Button Content="Click Me!" Background="LightGreen" /> <Button Content="Click Me!" Background="LightGreen" /> LightGreen Click Me! LightGreen Click Me!

XAML: Attached Properties 8 Click Me! Click Me!

WPF Layout and Controls Class hierarchy 9

Layout Controls StackPanel WrapPanel Canvas DockPanel Grid... 10

Simple Controls PasswordBox ScrollBar ProgressBar Slider TextBox RichTextBox... 11

Content Controls Button RepeatButton ToggleButton CheckBox RadioButton Label Frame ListBoxItem StatusBarItem ScollBarViewer ToolTip UserControl Window NavigationWindow... 12

Headered Content Controls Expander GroupBoxItem TabItem... 13

Items Controls Menu ContextMenu StatusBar TreeView ListBox ComboBox TabControl... 14

Lookless Controls Control implies behaviour Probably supplies default look Designer free to supply new look 15

Styles are about setting properties… 16

Styles 17

Developer or Designer? 18 Designer Developer