1

Metro Style Apps in C++

Karthick8th May 2012

2

Agenda Designing XAML UI

• What• Why• How

Developing with C++ Demo

3

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

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

Why Unique differentiated experience Pleasing UI Great performance

6

How Visual Studio Designer

• Creation• Layout• Property editing• Create and reuse resources• Configurable design time workspace• XAML editor and Intellisense

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

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

Resources“Building Windows Metro style apps in C++/XAML”– Vikas Bhatia, Joanna Mason

http://channel9.msdn.com/Events/BUILD/BUILD2011/TOOL-479T

10

Questions

?