{"id":1949,"date":"2021-10-21T12:23:17","date_gmt":"2021-10-21T19:23:17","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/surface-duo\/?p=1949"},"modified":"2021-10-21T12:23:17","modified_gmt":"2021-10-21T19:23:17","slug":"surface-duo-2-available-now","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/surface-duo\/surface-duo-2-available-now\/","title":{"rendered":"See your app on Microsoft Surface Duo 2!"},"content":{"rendered":"<p>\n  Hello Android developers!\n<\/p>\n<p>\n  Now that <a href=\"https:\/\/www.microsoft.com\/en-us\/d\/surface-duo-2\/9408KGXP4XJL\">Surface Duo 2<\/a> is readily available, there\u2019s even more reason to start enhancing your Android apps for foldable devices. Visit our <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/\">developer documentation<\/a> to get started!\n<\/p>\n<p>\n  <img decoding=\"async\" width=\"670\" height=\"670\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1.png\" class=\"wp-image-1950\" alt=\"Surface Duo 2 Attract Light 1x1\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1.png 670w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1-300x300.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1-150x150.png 150w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1-24x24.png 24w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1-48x48.png 48w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/surface-duo-2-attract-light-1x1-1-96x96.png 96w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/>\n<\/p>\n<p><em>Figure 1: Surface Duo 2 is now available!<\/em>\n<\/p>\n<h2>Surface Duo 2 emulator <\/h2>\n<p>\n  If you don\u2019t yet have a device, you can easily build and test apps for Surface Duo 2 using our latest Android 11 emulator. <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/android\/emulator\/\">Download and install<\/a> the Surface Duo 2 emulator to test your apps in single and dual-screen modes, including adjustments based on hinge angle:\n<\/p>\n<p>\n  <img decoding=\"async\" width=\"1225\" height=\"1165\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall.png\" class=\"wp-image-1951\" alt=\"Graphical user interface\n\nDescription automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall.png 1225w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall-300x285.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall-1024x974.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall-768x730.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-description-automaticall-24x24.png 24w\" sizes=\"(max-width: 1225px) 100vw, 1225px\" \/>\n  <br \/><em>Figure 2: Surface Duo 2 emulator device post window<\/em>\n<\/p>\n<h2>Jetpack Window Manager samples<\/h2>\n<p>\n  Google provides the Jetpack Window Manager library and SlidingPaneLayout control for Android developers to adapt their apps for foldable and dual-screen devices. We\u2019ve built a <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/android\/jetpack\/window-manager\/samples\">variety of samples<\/a> to help Kotlin and Java developers learn how to use these APIs, as well as <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/android\/jetpack\/compose\/\">instructions for Jetpack Compose<\/a>.\n<\/p>\n<p>\n  Developers using cross-platforms tools like Xamarin, Unity, React Native, Flutter, or web development can also build dual-screen and foldable-aware apps.\n<\/p>\n<h2>Design Kit 2.1<\/h2>\n<p>\n  The Surface Duo Design Kit has also been updated. The Figma resource now includes Surface Duo 2 device frames, in addition to our user experience design guidelines, including:\n<\/p>\n<ul>\n<li>\n    Design patterns such as list-detail, expanded canvas, dual view, two page, and companion pane\n  <\/li>\n<li>\n    Pen interaction guidance\n  <\/li>\n<li>\n    Video and media tips\n  <\/li>\n<li>\n    Safe areas, postures, controls, and layouts \n  <\/li>\n<li>\n    Components for prototyping\n  <\/li>\n<\/ul>\n<p>\n  <img decoding=\"async\" width=\"696\" height=\"411\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description.png\" class=\"wp-image-1952\" alt=\"Design Kit 2\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description.png 696w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-300x177.png 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>\n<\/p>\n<p><em>Figure 3: Visit the Surface Duo Design Kit<\/em>\n<\/p>\n<p>\n  Visit the <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/design\/\">Surface Duo design documentation<\/a> or interact directly with the <a href=\"https:\/\/aka.ms\/SurfaceDuoDesign\">Design Kit in Figma<\/a>.\n<\/p>\n<h2>Develop in your language<\/h2>\n<p>\n  Our dual-screen developer documentation is localized into a number of languages, including <a href=\"https:\/\/docs.microsoft.com\/fr-fr\/dual-screen\/\">French<\/a>, <a href=\"https:\/\/docs.microsoft.com\/de-de\/dual-screen\/\">German<\/a>, <a href=\"https:\/\/docs.microsoft.com\/ja-jp\/dual-screen\/\">Japanese<\/a>, <a href=\"https:\/\/docs.microsoft.com\/es-es\/dual-screen\/\">Spanish<\/a>, and <a href=\"https:\/\/docs.microsoft.com\/locale\/?target=https:\/\/docs.microsoft.com\/en-us\/dual-screen\/\">more<\/a>. We\u2019re also adding translations to our <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/android\/jetpack\/window-manager\/samples\">samples<\/a> so they\u2019re more accessible to developers everywhere.\n<\/p>\n<p>\n  <img decoding=\"async\" width=\"2760\" height=\"1579\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1.png\" class=\"wp-image-1953\" alt=\"docs.microsoft.com dual-screen home page in Japanese\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1.png 2760w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1-300x172.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1-1024x586.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1-768x439.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1-1536x879.png 1536w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/10\/graphical-user-interface-application-description-1-2048x1172.png 2048w\" sizes=\"(max-width: 2760px) 100vw, 2760px\" \/>\n<\/p>\n<p><em>Figure 4: documentation localized into other languages<\/em>\n<\/p>\n<h2>Resources and feedback<\/h2>\n<p>\n  For coding tips, visit the <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/\">Surface Duo developer documentation<\/a> , <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/android\/jetpack\/window-manager\/samples\">our samples<\/a>, and Google\u2019s <a href=\"https:\/\/developer.android.com\/large-screens\">Android large screen development guidance<\/a>.\n<\/p>\n<p>\n  If you have any questions, or would like to tell us about your dual-screen apps, use the\u00a0<a href=\"http:\/\/aka.ms\/SurfaceDuoSDK-Feedback\">feedback forum<\/a>\u00a0or message us on Twitter\u00a0<a href=\"https:\/\/twitter.com\/surfaceduodev\">@surfaceduodev<\/a>.\u00a0\n<\/p>\n<p>\n  If your app team is interested in deeper engineering engagement with Microsoft to explore how foldables like Surface Duo and Surface Duo 2 can be used to create more value for your users, we provide direct engineering consultancy with dedicated development resources during your app team\u2019s exploration and production phases. Connect with us privately using DM on Twitter <a href=\"https:\/\/twitter.com\/surfaceduodev\">@surfaceduodev<\/a> to set up a meet-n-greet.\n<\/p>\n<p>\n  Finally, please join us for our <a href=\"https:\/\/twitch.tv\/surfaceduodev\">dual-screen developer livestream<\/a> at 11am (Pacific time) each Friday \u2013 mark it in your calendar and check out the <a href=\"https:\/\/www.youtube.com\/channel\/UClGu9QLtPNz8OdddBfhZXPA\">archives on YouTube<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello Android developers! Now that Surface Duo 2 is readily available, there\u2019s even more reason to start enhancing your Android apps for foldable devices. Visit our developer documentation to get started! Figure 1: Surface Duo 2 is now available! Surface Duo 2 emulator If you don\u2019t yet have a device, you can easily build and [&hellip;]<\/p>\n","protected":false},"author":18491,"featured_media":1950,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[31,705,706,473],"class_list":["post-1949","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-surface-duo-sdk","tag-dual-screen-development","tag-java","tag-jetpack-window-manager","tag-kotlin"],"acf":[],"blog_post_summary":"<p>Hello Android developers! Now that Surface Duo 2 is readily available, there\u2019s even more reason to start enhancing your Android apps for foldable devices. Visit our developer documentation to get started! Figure 1: Surface Duo 2 is now available! Surface Duo 2 emulator If you don\u2019t yet have a device, you can easily build and [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/users\/18491"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/comments?post=1949"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1949\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media\/1950"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media?parent=1949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/categories?post=1949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/tags?post=1949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}