AdaptiveTriggerĪdaptiveTriggerIs the most commonly used response layout technology in UWP. Responsive Design Technology - UWP Apps Microsoft Docs 3. Microsoft's official documentation introduces 6 technologies for responding design in UWP, including repositioning, resizing, rearrangement, display / hiding, replacement, and rebuilding, specific to the following sites: But UWP main crossing platform, it requires more advanced (or more, more radical) technology.

Always use the above technologies reasonably to avoid customer complaints. And different from the web page, the WPF form does not provide ScrollViewer by default, so don't forget. use *with AutoInstead of specific dimensions (except pitch)ĭifferent DPI settings, different localized strings may make the entire page layout.Use relative positioning instead of decision positioning.In my experience, the following practices can make the UI effective to change the resolution: So-called TraditionIt means that the response design does not have a technique that deals with different resolutions before XAML, after all, the desktop client also adjusts the size of the form, and some people also use two different resolution screens. How traditional XAML adapts different resolutions This article simply summarizes some technologies commonly used in response layout, and more complete content, please see the reference for the article. When the UWP was born, the response layout was already very popular, so UWP provides a lot of technologies that respond to layout. The concept of starting design at the beginning of WPF design is not popular, and most of the web designers are designed with a standard design of 960 pixels. We will refer to this response design when optimizing the application UI for a specific screen width. The concept of response layout is a page adapt to multiple terminals and different resolutions.

Xaml responsive layout