100 likes | 240 Views
Metro Style Apps in C++. Karthick 8 th May 2012. Agenda. Designing XAML UI What Why How Developing with C++ Demo. What XAML. EXtensible Application Markup Language Declarative XML-based language <Canvas xmlns=" http://schemas.microsoft.com/client/2007 "
E N D
Metro Style Apps in C++ Karthick 8th May 2012
Agenda • Designing XAML UI • What • Why • How • Developing with C++ • Demo
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>
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
Why • Unique differentiated experience • Pleasing UI • Great performance
How • Visual Studio Designer • Creation • Layout • Property editing • Create and reuse resources • Configurable design time workspace • XAML editor and Intellisense
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
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
Resources “Building Windows Metro style apps in C++/XAML” – Vikas Bhatia, Joanna Mason http://channel9.msdn.com/Events/BUILD/BUILD2011/TOOL-479T