6/10/2018 11:23 PM TOOL-504T A deep dive into Visual Studio 11 Express for designing Metro style apps using XAML Joanna Mason & Unni Ravindranathan Program Managers Microsoft Corporation © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Agenda Designing Memories Building Memories in Visual Studio Express Design goals Uniquely Windows 8 Building Memories in Visual Studio Express Expressive and flexible UI constructs using XAML Interactive designer enhances productivity Great tools make better apps!

Designing Memories Capture life’s memories quickly and easily in a visually pleasing interactive magazine that invites sharing with family and friends Content first Personal Fun Minimal and clean visual style

Metro style app design guidance Designing Metro style apps Using the design checklist Use Quickstart guides and design guidelines

demo Memories Completed app 6/10/2018 11:23 PM © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Choosing XAML to build your UI WPF, SL and Windows Phone developers Utilize current skills Reuse compatible assets Developers new to XAML Powerful declarative programming model Separation of UI layer and app logic Expressive: controls, layout, vector drawing Comprehensive : styles, templates, data binding, animation Extensible : custom controls

Visual Studio Designer Same designer features for all supported languages C#, C++ and VB New XAML designer available today Core authoring UI now shared with Expression Blend Consistent XAML parsing and rendering Shared UI where it makes sense Individual products optimized for target user and workflow

demo Visual Studio Express 11 XAML Designer 6/10/2018 11:23 PM © 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Studio 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

Download Visual Studio Update Fixes an issue where the mouse drag operation does not terminate when using the designer. Download from here

For more information Related sessions Documentation & articles TOOL-515T: Tips and tricks for developing Metro style apps using XAML APP-517T: Build polished collection and list apps using XAML APP-737T: Metro style apps using XAML: what you need to know APP-741T: Metro style apps using XAML: Make your app shine APP-847T: Reach all your customer's devices with one beautiful XAML user interface Chalk Talks APP-528C: Build world-ready Metro style apps using XAML Tour of the IDE for C#, C++, Visual Basic Developers Building your first Windows Metro style app with C++, C#, or Visual Basic Roadmap for creating Metro style apps in C#, C++, or Visual Basic Contact joamason@microsoft.com unnir@microsoft.com

thank you Feedback and questions http://forums.dev.windows.com Session feedback http://bldw.in/SessionFeedback

6/10/2018 11:23 PM © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.