Chapter 6: Adapting the UI for Different Screens

  • Senthil Kumar
  • Lohith Goudagere Nagaraj
  • Pathik Rawal
  • Pryank Rohilla

Abstract

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.

Keywords

Screen Size Large Screen Small Screen Device Target Code Snippet 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Supplementary material

978-1-4842-0719-2_6_MOESM1_ESM.zip (3.1 mb)
978-1-4842-0720-8_Ch6_Lohith (zip 3,145 kb)

Copyright information

© Senthil Kumar, Lohith Goudagere Nagaraj, Pathik Rawal, and Pryank Rohilla 2016

Authors and Affiliations

  • Senthil Kumar
    • 1
  • Lohith Goudagere Nagaraj
    • 1
  • Pathik Rawal
    • 1
  • Pryank Rohilla
    • 1
  1. 1.BangaloreIndia

Personalised recommendations