{"id":473,"date":"2014-04-14T10:30:00","date_gmt":"2014-04-14T10:30:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudio\/2014\/04\/14\/using-visual-studio-to-build-universal-xaml-apps\/"},"modified":"2022-10-03T10:48:27","modified_gmt":"2022-10-03T17:48:27","slug":"using-visual-studio-to-build-universal-xaml-apps","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/using-visual-studio-to-build-universal-xaml-apps\/","title":{"rendered":"Using Visual Studio to build Universal XAML Apps"},"content":{"rendered":"

At the Build conference, we announced the release of the new converged Windows Phone 8.1 and Windows 8.1 platforms. As a developer, this means you can now build XAML and HTML universal apps that run on both Phone and Tablets by sharing a significant amount of code and content. To enable building universal apps, we added a number of new features to Visual Studio as part of the Visual Studio Update 2 RC<\/a>.<\/p>\n

You have two ways to learn more about these features. One way is through this blog post. The other way is by watching my Build talk<\/a> that covers all of the material you will see here in more detail:<\/p>\n

There is no right or wrong way here, so pick either the video or the blog depending on how much time you have. Without further delay, let\u2019s take a quick look at universal apps!<\/p>\n

Creating Universal Apps<\/h2>\n

To help you get started with building universal apps in C#, C++, and JS, we created new project templates that contain the basic structure and behind-the-scenes configurations to allow you to share code and content:<\/p>\n

\"New<\/a><\/p>\n

If you already have an existing Windows 8.1 application, you can use the \u201cAdd Windows Phone 8.1\u201d command to add a new Windows Phone 8.1 project and a shared project to the solution. A similar option is also available if you have a Windows Phone 8.1 application, and wanted to add support for Windows 8.1.<\/p>\n

\"'Add<\/a><\/p>\n

Structure of Universal Apps<\/h2>\n

A universal app is a collection of three projects \u2013 a Windows Store project, a Windows Phone project and a Shared project \u2013 enclosed in a solution folder that is optional. The Windows Store and Windows Phone projects are platform projects and are responsible for creating the application packages (.appx) targeting the respective platforms. These projects contain assets that are specific to the platform being targeted.<\/p>\n

The Shared project contains assets that are shared between the Windows Store and Windows Phone projects. The set of item types (.cs, xaml, .xml, .png, .resw, etc.) supported by the shared projects is the same as the platform projects. Shared projects by themselves don\u2019t have a binary output but their contents are imported by the platform projects and used as part of the build process to generate the Windows Store and Windows Phone application packages (.appx).<\/p>\n

\"Separate<\/a><\/p>\n

Writing code in the Shared project<\/h2>\n

While developing your universal app, you will mostly be writing code that runs on both platforms. If required, you can also write platform specific code in the Shared projects using #if and #endif directives. By default, we have predefined the following conditional compilation constants that you could use to write platform specific code.<\/p>\n\n\n\n\n
C#<\/td>\nWINDOWS_APP<\/td>\nWINDOWS_PHONE_APP<\/td>\n<\/tr>\n
C++<\/td>\nWINAPI_FAMILY_PC_APP<\/td>\nWINAPI_FAMILY_PHONE_APP<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Context switcher in the editor<\/h2>\n

While writing code in a Shared project, you can use the project context switcher in the navigation bar to select the platform you are actively targeting, which in turn drives the intellisense experience in the code editor.<\/p>\n

\"Project<\/a><\/p>\n

\"Intellisense\"<\/a><\/p>\n

Switching startup projects using debug target dropdown<\/h2>\n

We have also added the ability to quickly switch the startup projects in the debug target dropdown that now enumerates all the possible projects in the solution that you might want to deploy to a device or emulator\/simulator.<\/p>\n

\"Switch<\/a><\/p>\n

Sharing code across Universal Apps<\/h2>\n

You can use class libraries to share your code across different universal apps. For C# and Visual Basic, we have improved the existing Portable Class Libraries (PCLs) to also support Windows Runtime and XAML when targeting Windows 8.1 and Windows Phone 8.1 platforms. Check out this blog for more details on PCL improvements<\/a>.<\/p>\n

\"Improved<\/a><\/p>\n

For C++, you can use the new Class Library project templates under \u201cUniversal Apps\u201d with shared projects to share your code between Windows 8.1 and Windows Phone 8.1 class libraries.<\/p>\n

\"Class<\/a><\/p>\n

I hope you found this overview of building XAML universal apps useful. If you have any questions or comments, please feel free to post below or contact us via forums<\/a> or UserVoice<\/a> . Stay tuned for another blog explaining the new XAML tooling features we have added in Visual Studio to support Windows Phone 8.1 applications.<\/p>\n\n\n\n
\"image\"<\/a><\/td>\nAuthor<\/strong>: Navit Saxena, Program Manager<\/p>\n

Navit Saxena is a Program Manager on the Visual Studio team. For over five years, Navit has been focused on XAML tooling in Visual Studio and Blend. He enjoys building Windows & Windows Phone apps and is always looking for ways to improve the XAML developer tools.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

At the Build conference, we announced the release of the new converged Windows Phone 8.1 and Windows 8.1 platforms. As a developer, this means you can now build XAML and HTML universal apps that run on both Phone and Tablets by sharing a significant amount of code and content. To enable building universal apps, we […]<\/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":[5,137,129,653,126,133],"class_list":["post-473","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-csharp","tag-html","tag-universal-apps","tag-visual-basic","tag-visual-studio-2013","tag-xaml"],"acf":[],"blog_post_summary":"

At the Build conference, we announced the release of the new converged Windows Phone 8.1 and Windows 8.1 platforms. As a developer, this means you can now build XAML and HTML universal apps that run on both Phone and Tablets by sharing a significant amount of code and content. To enable building universal apps, we […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/473","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=473"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/473\/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=473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}