\n Today I\u2019d like to invite developers to start building or enhancing apps for dual-screen devices like the Surface Duo, Surface Duo 2, and other foldables.\n<\/p>\n
Surface Duo 2<\/h2>\n
\n The new Surface Duo 2 includes 5G support, three rear-facing cameras (including ultra-wide and telephoto), larger and brighter screens, a faster CPU, and a lot more! Learn more about Surface Duo 2 and pre-order on microsoft.com<\/a>.\n<\/p>\n \n Figure 1: Surface Duo 2<\/em>\n<\/p>\n \n The best way to adapt your applications for dual-screen, foldable, and large screen devices is to use Jetpack Window Manager<\/a>. The FoldingFeature class provides device-specific information so that a single code base can adapt to different dual-screen and foldable devices, including all Surface Duo models.\n<\/p>\n \n For app developers, the hardware differences will not materially affect the way you design and build dual-screen apps \u2013 the Jetpack Window Manager APIs will automatically provide the correct information for each device.\n<\/p>\n \n The new Surface Duo has slightly<\/em> different dimensions<\/a> \u2013 the individual panes are a little taller and narrower, the hinge area is smaller, but the overall pixel count is larger! The Design Kit<\/a> has been updated with these values:\n<\/p>\n \n Figure 2: Surface Duo 2 screen dimensions<\/em>\n<\/p>\n \n The screen resolution changes are also reflected in the resource qualifiers<\/a> you can use to load resources and layouts. The suffix sw720dp-2754\u00d71800<\/strong> combines the smaller axes from the Surface Duo range to match both devices, or you can create more specific qualifiers using the exact dimensions of each device.\n<\/p>\n Download and install<\/a> the latest Surface Duo Android emulator. \n<\/p>\n \n Figure: Surface Duo 2 Android Emulator <\/em>\n<\/p>\n \n The emulator provides a complete dual-screen experience:\n<\/p>\n \n The Surface Duo developer experience team always meets developers where they are at: our emulator and tools run great on Windows, macOS, and Linux and we provide guidance and code samples across a range of Android-supported platforms and languages. For pure developer productivity, the new Surface Laptop Studio<\/a> will be hard to beat. It has the performance, keyboard, and screen real estate to be a true programmer\u2019s delight, but you can also pull the screen forward and use pressure-sensitive pen or multi-touch gestures to interact with the Android emulator to get an immersive debugging experience.\n<\/p>\n \n Watch Scott Hanselman<\/a> share his perspective on the Surface Laptop Studio as a developer platform during yesterday\u2019s event.\n<\/p>\n \n We have a collection of samples<\/a> demonstrating how to implement Jetpack Window Manager<\/a>, or use the enhanced SlidingPaneLayout control to build responsive apps with Kotlin (or Java):\n<\/p>\n \n Figure 4: samples that highlight dual-screen user experiences<\/em>\n<\/p>\n \n We\u2019ve also created guidance for incorporating Window Manager with Jetpack Compose, including a TwoPaneLayout<\/a> control that provides a responsive foundation for adaptive single-screen, dual-screen, foldable, and large screen Compose user interface layouts.\n<\/p>\n \n Figure 5: Jetpack Compose TwoPaneLayout sample<\/em>\n<\/p>\n \n Since the first Surface Duo launch, Microsoft has been committed to enabling developers to take advantage of the dual-screen device category, regardless of which development platform you use. We\u2019ve updated our SDKs, documentation, and samples for Flutter<\/a>, Xamarin<\/a>, Unity<\/a>, Uno Platform, and the web (including PWAs) to support the latest version of Jetpack Window Manager. No matter how you build your Android apps, we\u2019re ready to help you adapt to the dual-screen and foldable ecosystem.\n<\/p>\n \n The Surface Duo Developer Experience team will be speaking at a number of Android events this year. Visit droidcon.com<\/a> to register for the conference closest to you, or check out the online options:\n<\/p>\n![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/word-image-2.png\")
\n<\/p>\nJetpack Window Manager<\/h2>\n
Hardware differences<\/h2>\n
Screen size<\/h3>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/diagram-description-automatically-generated.png\")
\n<\/p>\nResource qualifiers<\/h3>\n
Surface Duo 2 Android emulator<\/h2>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/graphical-user-interface-application-description-1.png\")
\n<\/p>\n\n
Develop like a pro on Surface Laptop Studio<\/h2>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/image42.png\")
<\/a>
Figure 3: Surface Laptop Studio<\/em>\n<\/p>\nDeveloper samples<\/h2>\n
![\"Screenshots](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/word-image-4.png\")
\n<\/p>\nJetpack Compose<\/h2>\n
![\"Surface](\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/09\/a-picture-containing-text-electronics-display-s.png\")
\n<\/p>\nCross-platform support<\/h2>\n
Join us at DroidCon!<\/h2>\n