Intro to Responsive Design (for XAML)

Play Intro to Responsive Design (for XAML)
Sign in to queue

Description

In this Speaker Series, Nuno Silva presents on topic of adaptive UI, which is central to Windows 10 UWP apps. Most of the challenges faced with increased complexity on Windows 10 can be met by creating a responsive UI that knows how to adapt itself based on the window size, rather than trying to target specific form factors or physical screen sizes. In this presentation, Nuno walks through a full sample that showcases some of the most common ways of achieving a responsive design in the context of a UWP app.

 Part of the guidance provided pertains to the 6 R's, which you can think of recipes for content adaptability:

 ◾Resize

◾Reflow

◾Reposition

◾Reveal

◾Rearchitect

◾Replace

 Resource URLS:

 http://design.windows.com  ​

Demo code: https://github.com/nunoms/ResponsiveDesignDemo  ​

Demo documentation: http://codingforlife.azurewebsites.net/2016/04/27/responsive-design-on-uwp/  ​

Windows App Studio UWP controls: https://www.nuget.org/packages/WindowsAppStudio.Uwp  ​

 

Tags:

Design, XAML, UWP apps

Embed

Download

Download this episode

The Discussion

Add Your 2 Cents