Surface Duo Blog

Build great Android experiences, from AI to foldable and large-screens.

Latest posts

Build pixel-perfect Microsoft Surface Duo apps with Uno Platform
Sep 29, 2020
0
0

Build pixel-perfect Microsoft Surface Duo apps with Uno Platform

Agnès Zitte (Nventive)
Agnès Zitte (Nventive)

Hello Microsoft Surface Duo developers! Today’s post was contributed by Nventive, the publishers of the Uno Platform. In previous blog posts, the Surface Duo team demonstrated how you can build dual-screen apps using Java and Kotlin, Xamarin and C#, Flutter, React Native, Web, and games with Unity. Today’s blog post shows how UWP and WinUI developers can target the Surface Duo using Uno Platform. Figure 1: Car animation on Android on the Surface Duo Emulator with Uno Platform For those new to Uno Platform, it allows for creation of pixel-perfect, single-source C# and XAML apps which run natively on ...

Launch your dual-screen enhanced website today with Microsoft Edge Origin Trials
Sep 24, 2020
1
0

Launch your dual-screen enhanced website today with Microsoft Edge Origin Trials

Craig Dunn
Craig Dunn

Hello dual-screen web developers! Earlier this month, we shared details on how you can build dual-screen web apps using the web APIs built-in to Microsoft Edge and Chrome. The Microsoft Edge team followed up with a more detailed explanation of the CSS and JavaScript APIs. These APIs are still in preview and require you to enable them via in Microsoft Edge on the Microsoft Surface Duo. Origin Trials lets you selectively enable the preview features for your websites without any customer configuration. This blog post will explain how to configure an Origin Trial for the dual-screen APIs on the Surface Du...

droidcon webinar recap
Sep 22, 2020
0
0

droidcon webinar recap

Cesar Valiente
Cesar Valiente

Hello Android developers! Last week, Hakon and I talked about building dual-screen experiences as part of the droidcon webinar series. We were joined by Andras Nemeth from Atlassian, to talk about enhancing the Jira mobile app for dual-screen devices. You can watch the recording online: Top questions and answers Here’s a sample of the Q&A available at the end of the webinar. How would you sell a company on supporting the Surface Duo? We all must balance product improvements and innovation with the ROI of that work. The approach to a new device like this can be different fro...

Enhancing the Microsoft Surface Duo OneDrive experience
Sep 17, 2020
0
0

Enhancing the Microsoft Surface Duo OneDrive experience

Lin Wang
Lin Wang

Beginning last fall, I had the opportunity to work with the Surface Duo OneDrive feature team to redesign and polish the OneDrive app user experience to make it shine on Surface Duo. Many thanks and kudos to the team: Eli Waalkes, Daniela Dimitrova, Hansel Ip, Eirini Tsantouli, James Tong, Tola Adeola, and Lin Wang. Now that Surface Duo has been released, we are excited to share the changes we have made and lessons learned on this journey. Hopefully, these tips will helpful to the developer community. The smart phone industry has evolved rapidly. Every year, there are new phone OS upgrad...

Enhancing Microsoft News for dual-screens
Sep 15, 2020
0
0

Enhancing Microsoft News for dual-screens

Thai Nguyen
Thai Nguyen

Earlier this year, I had the opportunity to work with a great team of interns to bring Microsoft News to the Microsoft Surface Duo. The interns are: Throughout the internship, the interns learned about Microsoft’s engineering process as well as Surface Duo and Android development. Now that the Surface Duo has been released, I’m happy to share the story of their hard work. Below is the blog post that they wrote to summarize the amazing work they have done: From the printing press to digital applications, news consumption has undergone significant changes in the a...

Microsoft Surface Duo is released
Sep 10, 2020
4
0

Microsoft Surface Duo is released

Guy Merin
Guy Merin

Android Developers, it’s Microsoft Surface Duo release day! Today marks a very special day for us, it’s Surface Duo release day, and the device will be in customers hands starting today. We’re very excited to see all the apps you will build that utilize dual-screens and this new form factor, and our Surface Duo Developer Experience team (DevX team) is here to help you, so please reach out! Image 1: The Microsoft Surface Duo All developers welcome! Reminder: Your existing Android apps will work just as you would expect when running on Surface Duo and on a single screen (left or right), but, with som...

New React Native dual-screen navigation module
Sep 8, 2020
0
0

New React Native dual-screen navigation module

Greg Taylor
Greg Taylor

Hello, React Native for Android developers! In a previous blog post, we discussed these existing React Native dual-screen features: DualScreenInfo to find information about the device, and TwoPaneView to get assistance with building dual-screen apps. Today’s post is about a new module we’ve released for JavaScript and TypeScript that makes it easier to manage component states and move apps around on dual-screen devices. The TwoPane-Navigation module was built to solve the problem of retaining state across screens when apps shift positions on dual-screen devices and evolved into a powerful libr...

Build and test dual-screen web apps
Sep 3, 2020
0
0

Build and test dual-screen web apps

Craig Dunn
Craig Dunn

Hello dual-screen web developers! In a previous blog post, we talked about the dual-screen CSS primitives and the API, and how they could be tested with polyfill extensions. Now those features are built-in to Microsoft Edge and Chrome™ browser canary builds, ready for developers to begin building dual-screen web apps.In this post, I’ll briefly cover the new APIs and explain how to enable the dual-screen support so you can start building adaptive dual-screen web experiences today! Dual-screen web APIs Here are some simple examples of the new dual-screen capabilities below: CSS You can use ...

Jetpack Compose on Microsoft Surface Duo
Sep 1, 2020
0
0

Jetpack Compose on Microsoft Surface Duo

Joy Liu
Joy Liu

Hello, Android dual-screen developers! Today we are going to talk about how to use the new UI framework, Jetpack Compose to build a dual-screen app on the Surface Duo. Jetpack Compose is a new Declarative UI Framework in Android. Instead of using the traditional XML layouts, the developer calls the Composable functions to get the UI elements and modify them. Although Google just released the alpha for Jetpack Compose, we still believe it is a good idea to leverage it in the development for dual-screen apps. Here is a simple sample we built on Surface Duo to demonstrate the use of Jetpack Compose. Th...