1. 1 Metro Style Apps in C++ Karthick 8 th May 2012

2. 2 Agenda Designing XAML UI What Why How Developing with C++ Demo

3. 3 What XAML EXtensible Application Markup Language Declarative XML-based language <Canvas xmlns="http://schemas.microsoft.com/client/2007" http://schemas.microsoft.com/client/2007 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">http://schemas.microsoft.com/winfx/2006/xaml Hello World!

4. 4 Benefits For WPF, SL and Windows Phone developers Utilize current skills Reuse compatible assets For those new to XAML Powerful declarative programming model Separation of UI layer and application logic Expressive controls, layout, vector drawing Comprehensive: Styles, templates, data binding, animation Extensive: Custom controls

5. 5 Why Unique differentiated experience Pleasing UI Great performance

6. 6 How Visual Studio Designer Creation Layout Property editing Create and reuse resources Configurable design time workspace XAML editor and Intellisense

7. 7 Demo Default Metro style templates Grid Application Split Application UI editor Zoom and Pan Commonly used panes : Toolbox, Document outline, Properties pane Containers (Stack Panel, Grid View,..) Controls (Button, List View, Image,..) Blend – Designer

8. 8 Benefits Work visually when it makes sense Fine tune layout Experiment with property settings Edit document hierarchy Edit XAML directly for precise control of markup Flexible design time environment Ensure consistency by using resources XAML UI created for C++ also works for C# and VB

9. 9 Resources “Building Windows Metro style apps in C++/XAML” – Vikas Bhatia, Joanna Mason http://channel9.msdn.com/Events/BUILD/BUILD2011/TOOL-479T

10. 10 Questions ?