Surface Duo Blog

Foldable SlidingPaneLayout
Foldable SlidingPaneLayout
Hello Android developers! Last week Google announced an update to the SlidingPaneLayout component preview, which is being enhanced for dual-screen and foldable devices. As an intro note, the previous version of this component (1.2.0-alpha01) was the first version to include foldable support. In this new version (1.2.0-...
Creating beautiful dual-screen Xamarin.Forms apps
Creating beautiful dual-screen Xamarin.Forms apps
Hello .NET developers! The blog has previously featured tips for bringing Xamarin apps to Surface Duo and Microsoft Learn training to help enhance Xamarin apps. In this post we’ll discuss changes to animated layouts in a Xamarin.Forms app to adapt them for Microsoft Surface Duo. Adapt a design for Xamarin The sample project ...
Join us live on Twitch (and YouTube)
Join us live on Twitch (and YouTube)
Hello dual-screen and foldable device developers, Those of you following us on Twitter will have noticed in recent weeks that we’ve been inviting you to join a livestream each Friday (11am Pacific; 2pm Eastern; 8pm in Europe). We just recently celebrated 12 episodes over the past three months! If you haven’t joined us yet...
Ensuring code quality with CI/CD
Ensuring code quality with CI/CD
Hello Android developers, One of the best ways for us to help you enhance your apps is with samples, and it’s important that our samples are high quality and work as intended. Building dual-screen libraries and samples As you may already know, specifically for Android development (through its SDK and using Kotlin/Java...
Build and deploy dual-screen progressive web apps
Build and deploy dual-screen progressive web apps
Hello web developers, We've posted previously about using dual-screen media queries and JavaScript to adapt web apps for Microsoft Surface Duo. Today’s post is about how you can use those dual-screen capabilities in your progressive web app (PWA) and deploy to both the Google Play Store AND the Microsoft Store using PWABuilder! We...
Microsoft Surface Duo Design Kit documentation
Microsoft Surface Duo Design Kit documentation
Hello designers! This week we are happy to share a number of updates to the Microsoft Surface Duo Design Kit that was announced in January. Design Kit updates There have been several additions and updates since the last version on the Figma Design Kit: One major update is the addition of interactive ...
Adapting your Angular web app for dual-screen devices
Adapting your Angular web app for dual-screen devices
Hello web developers! Foldable and dual-screen devices are becoming increasingly more common over time, but you may wonder if investing development time to support these devices might be worth it, especially when creating fully responsive web apps is already a challenge. Using the new CSS and JavaScript primitives is a fun way to ...
Jetpack Compose foldable and dual-screen development
Jetpack Compose foldable and dual-screen development
Hi Android developers, We talked about using Jetpack Compose, the new Android UI toolkit for Microsoft Surface Duo development in a previous blog post. Now, Jetpack Compose is in beta. Combined with the use of Jetpack Window Manager, Jetpack Compose is more flexible for developing apps for dual-screen devices and even easier to ...
New Android pen and ink control preview
New Android pen and ink control preview
Hello Android developers, In a previous post, we shared code to handle pen events including pressure, orientation, and button presses on the pen. Today’s post introduces a preview of a new pen and inking control that you can easily add to your Android apps to get pen (and touch) support without a lot of custom code. ...
Introducing Jetpack Window Manager for foldable and dual-screen devices Codelab
Introducing Jetpack Window Manager for foldable and dual-screen devices Codelab
Hello Android developers, As we have mentioned in previous blog posts, enhancing apps to take advantage of the capabilities that new form factor devices such as Microsoft Surface Duo and other foldable devices provide, can easily be done by following a step-by-step approach. With that in mind, during the last months we have ...