The Programmer News Hubb
Advertisement Banner
  • Home
  • Technical Insights
  • Tricks & Tutorial
  • Contact
No Result
View All Result
  • Home
  • Technical Insights
  • Tricks & Tutorial
  • Contact
No Result
View All Result
Gourmet News Hubb
No Result
View All Result
Home Technical Insights

Microsoft adds new component to its Dual-screen layout library

admin by admin
October 16, 2022
in Technical Insights


Microsoft has added a new component to its Dual-screen layout library for supporting Navigation Rail on foldable devices, such as the Surface Duo. Navigation Rail is a Material Design component that provides a side navigation bar for app destinations. 

On devices with foldable screens, a challenge arises in making sure that UI elements aren’t obscured by the hinge where the device folds, which might occur if the elements aren’t designed for foldable devices and thus are placed in the area the screen folds. 

To make sure that the Navigation Rail menu doesn’t conflict with the screen hinge, Microsoft has introduced support for NavigationRailView. 

Developers can use the setMenuGravity() function to Top, Center, or Bottom, which will reposition the buttons on the menu to avoid being placed under the screen hinge. 

NavigationRailView also supports animations and fling gestures. Because the position of the Navigation Rail is changed at runtime using these methods, a translation animation can be added to make the transition look more natural. 

Gestures can also be used to change the Navigation Rail position. Swiping up or down on the menu will set the gravity to either Top or Bottom, respectively. 



Source link

Previous Post

The 20 Best Photoshop Mockup Templates for Book Covers

Next Post

Some Things I Took Away From An Event Apart 2022 in Denver | CSS-Tricks

Next Post

Some Things I Took Away From An Event Apart 2022 in Denver | CSS-Tricks

Recommended

How They Compare, and Which to Use — SitePoint

2 months ago

Create Your Own VPN Server with Vultr & OpenVPN

8 months ago

A Guide to Running Web Application Tests — SitePoint

3 months ago

Report: Many people interested in STEM career change, but not sure how to get there

4 months ago

How to Help Your Clients Master eCommerce

3 months ago

On Demand Video Interview Software in Modern Recruitment

6 months ago

© The Programmer News Hubb All rights reserved.

Use of these names, logos, and brands does not imply endorsement unless specified. By using this site, you agree to the Privacy Policy and Terms & Conditions.

Navigate Site

  • Home
  • Technical Insights
  • Tricks & Tutorial
  • Contact

Newsletter Sign Up.

No Result
View All Result
  • Home
  • Technical Insights
  • Tricks & Tutorial
  • Contact

© 2022 The Programmer News Hubb All rights reserved.