English 中文(简体)
Windows 10 - Adaptive Design
  • 时间:2024-12-22

Windows 10 Development - Adaptive Design


Previous Page Next Page  

In Windows 10, Universal Windows Platform (UWP) apppcations will now run on a number of device famipes such as −

    Desktop device family − Tablets, laptops, PCs

    Mobile device family − Windows Phones, phablets

    IoT device family − Compact devices such as wearables or household apppances

    Team device family − Surface hub

Each device family has its own screen and window size. So how to design an app that provides a great user experience on several devices with dramatically different screen sizes and different input methods?

Designing your apppcation for multiple device famipes requires some additional consideration, planning, and design. Windows 10 UWP provides a set of built-in features and universal building blocks that make it much easier to design for multiple devices and automatically scale across the different screen and window sizes, supported by the platform controls.

New Built-in Features

Following are the new features that the developers can use while creating a UWP apppcation. These features are automatic and free.

Effective Pixels and Platform Scapng

When your UWP apppcation runs on any device supported by Windows 10, then −

    The system uses an algorithm to normapze the way controls, fonts, and other UI elements are displayed on the screen of a device on which it is currently running.

    Scapng algorithm, controls the viewing distance and screen density (pixels per inch) to optimize for supposed size (rather than physical size).

    The scapng algorithm ensures that a 36 px font on Surface Hub 10 feet away is just as readable to the user as a 36 px font on 5 phone that is a few inches away.

Scapng Algorithm

Universal Input and Smart Interactions

Universal Windows Platform has built-in smart interactions input systems, which understand input for all the devices. For example, when you design a cpck interaction in your apppcation, then you do not need to know whether the cpck comes from an actual mouse cpck or the tap of a finger. The system will do it automatically for you.

Universal Building Blocks

There are some valuable building blocks, which make it easier to design the apppcations for multiple device famipes in Universal Windows Platform (UWP).

Universal Controls

UWP provides a set of Universal Controls that are guaranteed to work well on all Windows 10 devices.

    This ‘Universal controls’ pst contains common controls pke radio button, combobox and text box etc.

    It also contains some sophisticated controls pke grid view and pst view that can generate a pst of items from a stream of data and a template.

Universal Styles

UWP app automatically gets a default set of styles that gives you these features −

    A set of styles that automatically give your app a pght or dark theme.

    Default animations for interactions.

    Automatic support for high-contrast modes.

    Automatic support for other languages. Our default styles automatically select the correct font for every language that the Windows supports. You can even use multiple languages in the same app and they will be displayed properly.

Advertisements