2 XAML WPF Windows Presentation Foundation 4 / 4 5 Silverlight 5 XAML 6 6 XAML 6 6 7 8 8 9 XAML 9 XAML 12 12 / / 13 / 14 15 XAML 15 Expression Blend 15 Visual Studio 2008 16 XAML 16 Microsoft Expression Design 17 Adobe Illustrator 17 XAML 3D 17 WYSIWYG XAML 17 18
18 18 20 20 21 22 22 22 23 WPF 24 25 Blend 25 Blend 25 26 XAML 26 27 27 SNOOP XAML 28 28 3
XAML WPF Windows Presentation Foundation / Karsten Januszewski Jaime Rodriguez / / 1 2 WPF Windows Presentation Foundation 1 2 2 3 XAML Extensible Application Markup Language Expression Studio Visual Studio 2008 4 4 1 WPF http://msdn2.microsoft.com/ja-jp/library/aa970268.aspx 2 Burton Group XAML Declarative Programming Advances in.net 3.0 http://www.burtongroup.com/research/ PublicDocument.aspx?cid=885 Forrester Why Windows Presentation Foundation Will Dominate Thick Client Development http://www.forrester.com/research/document/excerpt/0,7211,38241,00.html 3 WPF Expression http://www.microsoft.com/casestudies http://www.windowsclient.net 4 Expression Studio http://www.microsoft.com/japan/products/expression/default.mspx Visual Studio http://www.microsoft.com/japan/msdn/vstudio/
WPF Expression Expression WPF XAML WPF XAML / 2 2 Silverlight Silverlight Web UI XAML Silverlight XAML Silverlight Silverlight Silverlight 1.0 Silverlight RIA Rich Interactive Application Web Web 5
XAML WPF / XAML XAML WPF XAML XAML XAML WPF XAML HTML XUL SVG WordML 5 HTML XML / / HTML HTML WYSIWYG HTML XAML XAML XAML XAML 3 XAML HTML XAML 1 6 5 UI http://en.wikipedia.org/wiki/user_interface_markup_language
<html xmlns= http://www.w3.org/1999/xhtml > <body> <input type= button value= Click Me /> </body> </html> <Page xmlns= http://schemas.microsoft.com/winfx/2006/xaml/ presentation > <Button Width= 100 Height= 50 Content= Click Me /> </Page> Click Me Click Me HTML XAML XAML <rect x= 1 y= 1 width= 398 height= 398 fill= none /> <path d= M 100 100 L 300 100 L 200 300 z fill= #A3A993 stroke= #A8806C stroke-width= 3 /> <Canvas xmlns= http://schemas.microsoft.com/winfx/2006/ xaml/presentation Width= 398 Height= 398 > <Path Data= M100,100L300,100 200,300z Fill= #A3A993 Stroke= #A8806C StrokeThickness= 3 /> </Canvas> SVG XAML 2D 3D XAML 3D XAML XAML WPF XAML / WPF XAML 7
WPF 2 WPF XAML Expression Blend /XML WPF XAML XAML XAML XAML.NET XAML.NET WPF XAML XML6 6 XAML XAML UI 8 6 XAML WPF
XAML XAML Blend Yahoo! Kalani Kordus XAML frog design Lee Brenner XAML 7 2 XAML XAML 7 9
Expression Blend frog design Robert Tuttle 100 50% WPF 20% XAML 3 10
11 PowerPoint / Flash/Director pdf gif jpg png C# Visual Basic C++ Windows Form MFC Win32 jpg png XAML Microsoft Expression Blend C# Visual Basic XAML
XAML XAML XAML XAML XAML XAML XAML WPF 2nd Factory Expression Blend XAML XAML XAML WPF XAML 1 2 1 / / 2 / 12
1 1 2 / / XAML IdentityMine IdentityMine IdentityMine Paul Alexander UI 8 WPF XAML XAML XAML XAML XAML WPF 1 XAML Adobe Illustrator XAML XAML XAML / XAML SPOF XAML 8 http://blog.identitymine.com/blogs/paul_alexander/archive/2007/07/10/doing-a-wpf-project-got-an-integrator-cool-do-you-know-what-to-dowith-him.aspx 13
XAML 1 / / 2 harvest WPF WPF WPF 14
1 XAML 2 / XAML / XAML RAD Rapid Application Development XAML XML XAML 3 XAML XAML WYSIWYG XAML XAML XAML XAML XAML Expression Blend Expression Blend XAML Blend XAML 3D Blend Blend Blend UI Visual Studio 15
Visual Studio 2008 Visual Studio 2008 WPF 9 XAML IntelliSense / Blend Visual Studio XAML 2 WPF C# Visual Basic XAML XAML XAML XAML XAML XAML 10 16 9 Cider Cider Visual Studio 2005 CTP Community Technical Preview 10 HTML Flash
Microsoft Expression Design Expression Design Expression Design XAML XAML XAML XAML Adobe Illustrator Illustrator Illustrator UI XAML Illustrator XAML 2 1. Illustrator XAML 11 2. Expression Design AI XAML Adobe Illustrator XAML Adobe Illustrator XAML 3D WPF 3D Expression Blend 3D 3D 3D XAML http://blogs.msdn.com/mswanson/articles/wpftoolsandcontrols.aspx Expression Blend.obj Expression Design Adobe Illustrator 3D XAML WYSIWYG XAML WYSIWYG What You See Is What You Get XAML WPF XAMLPad XAMLCrunch Kaxaml 12 XAML XAML Visual Studio 2008 Blend 2 11 2 Illustrator http://blogs.msdn.com/mswanson/articles/wpftoolsandcontrols.aspx 12 XAMLPad Windows SDK XAMLCrunch http://windowsclient.net/downloads/folders/controlgallery/entry2314.aspx Kaxaml http://notstatic.com/archives/49 17
WYSIWYG Expression Design Expression Blend Visual Studio 2008 Adobe Illustrator IntelliSense XAML XAML WPF XAML WPF 18 WPF CPU
XAML GPU CPU DrawingImage 13 WPF DrawingImage WPF 1 3D 3D WPF WPF 3D DirectX OpenGL 3D 3D WPF 3D 3D 14 BitmapEffect WPF 1 BitmapEffect RenderTargetBitmap API 3 13 http://msdn2.microsoft.com/ja-jp/library/system.windows.media.drawingimage.aspx 14 WPF 3D http://blogs.msdn.com/wpfsdk/archive/2007/01/15/maximizing-wpf-3d-performance-ontier-2-hardware.aspx 19
XAML Blend Visual Studio 2008 XAML 1 XAML Expression Blend Visual Studio Expression Design 15 Expression Design Adobe Illustrator XAML XAML XAML XAML XAML XAML XAML XAML XAML XAML 20 15 Adobe Illustrator XAML Expression Design XAML Expression Design
Blend Expression Blend XAML XAML XAML XAML Expression Design 2 3 Expression Design Expression Blend 21
WPF WPF WPF 1/96 <Rectangle Width="288" /> 96 dpi 144 dpi 3 Blend Visual Studio 2008 WPF Expression Blend Expression Design 72 / 216 Blend 4/3 96/72 3 216/72 Blend WPF 3 144 / Blend 2/3 96/144 Expression Design Adobe Illustrator Illustrator WPF 3 1. 2. UI 3. 1 2 XAML Blend Visual Studio 2008 XAML 22 WPF WPF 1
23 Canvas Grid 2 Canvas ZIndex 2 ZIndex Grid Grid Canvas UI 2 WPF Viewbox UI Scale UI WPF ButtonChrome ContentPresenter <ControlTemplate TargetType= {x:type Button} > <Microsoft_Windows_Themes:ButtonChrome... > <ContentPresenter... /> </Microsoft_Windows_Themes:ButtonChrome> </ControlTemplate> Click Me Windows ButtonChrome Grid Ellipse
<ControlTemplate TargetType= {x:type Button} > <Grid... > <Ellipse... /> <ContentPresenter... /> </Grid> </ControlTemplate> Click Me WPF UI 2 UI UI WPF WPF 1 30 1.5 1 Blend / 0:0:0 24
25 / Blend Blend Blend Blend Blend IdentityMine Robby Ingebretsen Blend - - - - Blend XAML XAML Blend Blend Expression Blend Samuel Wan Blend Blend Design Design 8 Blend Blend Blend Blend Blend
WPF Microsoft.Windows.Design API API XAML Blend CLR XML UI XAML XAML 1 XAML XAML XAML XAML x:name ="" Name="" XAML 26
XAML XAML Blend XAML XAML XAML XAML XAML XAML XAML Paul Stovell 16 XAML XAML XAML XAML Window Page UserControl XAML XAML XAML 2 XAML Brush Style XAML 3D Window Control Page Stovell WPF XAML XAML XAML XAML XAML Blend XAML Blend WPF XAML Blend UI XAML UI XAML 16 http://www.paulstovell.net/blog/index.php/xaml-and-wpf-coding-guidelines/ 27
SNOOP XAML 1 UI SNOOP 17 Expression Blend Expression Design Expression Aaron Jasinski SNOOP Tim Aidlin 28 17 http://www.blois.us/snoop/
29