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

Progress introduces updates to its developer tools

2 weeks ago

Dealing with the Low Profit Areas of Your Freelance Business

3 weeks ago

NET Core Vs NET Framework: Here’s The Difference!

2 weeks ago

Some Links on AI-Related Stuff | CSS-Tricks

2 months ago

Flow Control in JavaScript: Callbacks, Promises, async/await

5 days ago

Tricentis announces portfolio updates – SD Times

4 months ago

© 2022 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.