{"id":463,"date":"2014-04-15T09:00:00","date_gmt":"2014-04-15T09:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudio\/2014\/04\/15\/authoring-windows-8-1-apps-in-xaml\/"},"modified":"2021-07-27T08:39:07","modified_gmt":"2021-07-27T15:39:07","slug":"authoring-windows-8-1-apps-in-xaml","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/authoring-windows-8-1-apps-in-xaml\/","title":{"rendered":"Authoring Windows 8.1 Apps in XAML"},"content":{"rendered":"<p>At the <a href=\"http:\/\/www.microsoft.com\/en-us\/news\/events\/build\/\">BUILD<\/a> conference last week<span style=\"text-decoration: underline\">,<\/span> we announced the availability of Visual Studio 2013 Update 2 and Blend for Visual Studio 2013 Update 2. We have been busy improving the overall experience of XAML development in Visual Studio and Blend, and this post gives you an overview of some of the cool new features we have added to this Update that you might have missed amongst all the other big and exciting headlines.<\/p>\n<h2>Universal Apps for universal experiences!<\/h2>\n<p>We have worked hard to make it easy for developers to share code between their Windows 8.1 and Windows Phone 8.1 XAML apps, and at the same time deliver beautiful experiences. Make sure to check <a href=\"https:\/\/channel9.msdn.com\/Events\/Build\/2014\/3-591\">Navit Saxena&rsquo;s talk<\/a> and <a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/using-visual-studio-to-build-universal-xaml-apps\/\">blog post<\/a> for an in-depth discussion about how to create universal apps.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3817.SharingcodebetweenWindows8.1andWindowsPhone8.1XAMLapps_1D055FFE.png\"><img decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"Sharing code between Windows 8.1 and Windows Phone 8.1 XAML apps\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3817.SharingcodebetweenWindows8.1andWindowsPhone8.1XAMLapps_1D055FFE.png\" alt=\"Sharing code between Windows 8.1 and Windows Phone 8.1 XAML apps\" width=\"769\" height=\"412\" border=\"0\" \/><\/a><\/p>\n<h2>Diagnostic tools<\/h2>\n<p>In keeping with our mission to enable developers to create fast and fluid apps that work well on any device, we added a new Memory Usage tool to the Performance and Diagnostic hub in Visual Studio 2013 Update 2. You can read more about this feature in Harikrishna Menon&rsquo;s <a href=\"https:\/\/devblogs.microsoft.com\/devops\/diagnosing-memory-issues-with-the-new-memory-usage-tool-in-visual-studio\/\">blog post<\/a>. Furthermore, the Performance and Diagnostic hub now includes a <a href=\"https:\/\/devblogs.microsoft.com\/devops\/new-cpu-usage-tool-in-the-performance-and-diagnostics-hub-in-visual-studio-2013\/\">CPU usage tool<\/a> and supports <a href=\"https:\/\/devblogs.microsoft.com\/devops\/combining-tools-in-the-performance-and-diagnostics-hub-in-visual-studio-2013\/\">combining multiple tools in a single profiling session<\/a>.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3542.DiagnosticTools_31B1EB82.png\"><img decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"Diagnostic Tools\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3542.DiagnosticTools_31B1EB82.png\" alt=\"Diagnostic Tools\" width=\"751\" height=\"321\" border=\"0\" \/><\/a><\/p>\n<h2>Device Pane updates for Windows Phone 8.1<\/h2>\n<p>We have added options to the device pane in Visual Studio and Blend to make it easier to design your apps. We support a high contrast mode in order to help you design accessible apps.To get a better feel of the design and layout implications of having the Status Bar shown in your app, you can toggle the visibility of the Status Bar in the designer.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/5773.DevicepaneupdatesforWindowsPhone8.1_thumb_5CA01DF2.png\"><img decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"Device pane updates for Windows Phone 8.1\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/5773.DevicepaneupdatesforWindowsPhone8.1_thumb_5CA01DF2.png\" alt=\"Device pane updates for Windows Phone 8.1\" width=\"286\" height=\"345\" border=\"0\" \/><\/a><\/p>\n<h2>XAML Editor Navigation Bar<\/h2>\n<p>The Navigation Bar makes it easier to traverse your XAML code. You can traverse your code by XAML elements, or by attributes within a selected XAML element. The latter is useful when a particular XAML element has a large number of attributes. We have also added the ability to quickly jump to a resource when your document contains multiple resources.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3554.XAMLEditorNavigationBar_2A92AF0A.png\"><img decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"XAML Editor Navigation Bar\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/3554.XAMLEditorNavigationBar_2A92AF0A.png\" alt=\"XAML Editor Navigation Bar\" width=\"640\" height=\"398\" border=\"0\" \/><\/a><\/p>\n<h2>Controls for Windows Phone 8.1 XAML<\/h2>\n<p>Thanks to the convergence between the Windows Store and Windows Phone platforms, a majority of the Windows Store controls that developers are familiar with can now be used for Windows Phone 8.1 XAML apps! To help you get started, the following table illustrates the relationship between some of the major controls for Windows Phone 8.1 XAML, Windows Store 8.1 XAML, and Windows Phone 8.1 Silverlight.<\/p>\n<table style=\"width: 600px\" border=\"1\" cellspacing=\"0\" cellpadding=\"4\">\n<tbody>\n<tr>\n<td valign=\"top\" width=\"181\">\n<p><strong>Windows Phone 8.1 XAML <\/strong><\/p>\n<\/td>\n<td valign=\"top\" width=\"165\">\n<p><strong>Windows&nbsp;Store 8.1 XAML<\/strong><\/p>\n<\/td>\n<td valign=\"top\" width=\"252\">\n<p><strong>Windows Phone 8.1 Silverlight<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"181\">\n<p>Hub<\/p>\n<\/td>\n<td valign=\"top\" width=\"165\">\n<p>Hub<\/p>\n<\/td>\n<td valign=\"top\" width=\"252\">\n<p>Panorama<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"181\">\n<p>Pivot<\/p>\n<\/td>\n<td valign=\"top\" width=\"165\">\n<p>N\/A<\/p>\n<\/td>\n<td valign=\"top\" width=\"252\">\n<p>Pivot<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"181\">\n<p>WebView<\/p>\n<\/td>\n<td valign=\"top\" width=\"165\">\n<p>WebView<\/p>\n<\/td>\n<td valign=\"top\" width=\"252\">\n<p>WebBrowser<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"181\">\n<p>ContentDialog<\/p>\n<\/td>\n<td valign=\"top\" width=\"165\">\n<p>N\/A<\/p>\n<\/td>\n<td valign=\"top\" width=\"252\">\n<p>N\/A<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>New project templates for Windows Phone 8.1 XAML<\/h2>\n<p>Our new Windows Phone 8.1 XAML templates reflect our commitment to enabling users to get easily started developing apps. In addition to a blank template, there are 3 pre-installed XAML templates with sample data, each showcasing the use of the Hub, Pivot, and WebView controls.<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/4544.Newprojecttemplates_thumb_25C5C9AC.png\"><img decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"New project templates\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/4544.Newprojecttemplates_thumb_25C5C9AC.png\" alt=\"New project templates\" width=\"640\" height=\"442\" border=\"0\" \/><\/a><\/p>\n<h2>Support for Behaviors<\/h2>\n<p>The Behaviors SDK released for Windows Store apps will continue to work for Windows Phone 8.1 XAML apps. This means that you will be able to continue using some of your favorite behaviors, including NavigateToPageAction and InvokeCommandAction.<\/p>\n<h2>We want feedback!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/h2>\n<p>We are interested in what you think about these experiences and what you would like to see in future updates. Since the release of Visual Studio 2013, we fixed over 50 bugs submitted using Microsoft Connect, so you know we are listening. Send us your feedback through replies to this post, <a href=\"http:\/\/connect.microsoft.com\/VisualStudio\">Connect<\/a> bugs, <a href=\"http:\/\/visualstudio.uservoice.com\/forums\/121579-visual-studio\/category\/44115-xaml-tools\">User Voice<\/a> requests, or the new Send a Smile button inside Visual Studio.<\/p>\n<p>&nbsp;<\/p>\n<table style=\"width: 693px\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\">\n<tbody>\n<tr>\n<td valign=\"top\" width=\"139\"><a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/6204.clip_image0024_thumb_4574A374.jpg\"><img decoding=\"async\" style=\"border: 0px\" title=\"clip_image002[4]\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2014\/04\/6204.clip_image0024_thumb_4574A374.jpg\" alt=\"clip_image002[4]\" width=\"115\" height=\"144\" border=\"0\" \/><\/a><\/td>\n<td valign=\"top\" width=\"552\">\n<p><strong>Author: Kino Aguilar<\/strong> &#8211; Program Manager, Visual Studio Client Tools Team<\/p>\n<p>Kino is a Program Manager with Microsoft and works on the XAML Experiences Team in Visual Studio. He joined Microsoft half a year ago, and since then has helped ship Windows Phone XAML 8.1 tooling. He is the current PM data analysis owner.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>At the BUILD conference last week, we announced the availability of Visual Studio 2013 Update 2 and Blend for Visual Studio 2013 Update 2. We have been busy improving the overall experience of XAML development in Visual Studio and Blend, and this post gives you an overview of some of the cool new features we [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":255385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[129,147,126,133],"class_list":["post-463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-universal-apps","tag-update","tag-visual-studio-2013","tag-xaml"],"acf":[],"blog_post_summary":"<p>At the BUILD conference last week, we announced the availability of Visual Studio 2013 Update 2 and Blend for Visual Studio 2013 Update 2. We have been busy improving the overall experience of XAML development in Visual Studio and Blend, and this post gives you an overview of some of the cool new features we [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/463\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/255385"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}