![]() ![]() To save and access code changes, the app supports file saving, loading, and drag-and-drop features. Making use of the DualView app pattern, users can quickly test out code ideas in a variety of orientation configurations. This source editor sample features an HTML editor and formatter that enable real-time editing and previewing of formatted source code. Dual-screen view of app (landscape) Source Editor To save any changes made, click the Save button and a copy of the edited image will be saved to the device’s photo gallery (Figure 3).įigure 3. As is characteristic of the Companion Pane pattern, the number of visible controls increases when the app is spanned across both screens (see Figures 1 and 2).įigure 2. Importing an image through drag and drop EditĪ variety of controls are available to edit image properties, such as brightness, saturation, and warmth. Click on the currently displayed image to select a new image from the device’s photo gallery, or just drag and drop an image file over the currently displayed image (Figure 1).įigure 1. The Photo Editor app lets users perform three main actions: SelectĪlthough the application provides a default image, users can also import other photos for editing. It demonstrates the companion pane UX pattern and how to take advantage of drag and drop on dual screens. Photo EditorĪs the name suggests, this sample is a simple photo editing app. You can find them on GitHub at /microsoft/surface-duo-app-samples. Kristen and I are interns on the Surface Duo Developer Experience team, and we’re excited to announce two new Microsoft Surface Duo dual-screen samples available that embody some of our dual-screen UX patterns. ![]()
0 Comments
Leave a Reply. |