Chapter 6: Adapting the UI for Different Screens

With the Universal Windows Platform (UWP), you have the benefit of running your app on any device in the Windows family. The device family includes phones, tablets, laptops, the Xbox, and so forth. There are different screen sizes in the device family. The platform does the magic behind the scenes and makes sure that your app’s user interface is functional across all devices. Since the platform handles things for you under the hood, you aren’t required to do any customization to your app to support different screen sizes. But there may be situations where you want to provide a specific UI for a specific screen size. For example, when your app runs on a phone, you could want a single-column layout; whereas when the same app runs on a tablet or PC, you want a two-column layout. This chapter looks at how to adapt your UI for different screen sizes.