Contents
The navigation drawer is a UI panel that shows your app’s main navigation menu. The drawer appears when the user touches the drawer icon in the app bar or when the user swipes a finger from the left edge of the screen.
What is a drawer in UX design?
A drawer is a convenient way to present information such as notifications or context-sensitive help. Use a drawer for secondary content which only needs to appear when specifically requested by users.
What is UI drawer?
Drawers are akin to dialogs in a number of ways. Like dialogs, drawers are transient. The user opens a drawer to perform one or more actions and then closes the drawer. Drawers, like dialogs, may be displayed inline or may overlay page content. A drawer may have multiple tabs, just as dialogs do.
Change the default hamburger icon by program
- Step 1: Setup the drawer toggle.
- Step 2: Set the DrawerIndicatorEnabled to false.
- Step 3: Set the listener to the drawer Toggle because by above setup your hamburger button click will not work as previous,
- Step 4: Finally set the icon which we want,
They can also find it from the home activity (the top level of the app) by tapping the app icon (also known as the Android “hamburger” menu) in the action bar. Note that if you have many different destinations (more than six, say) in your app, it’s recommended that you use a navigation drawer menu design.
Which is an example of a navigation drawer?
The navigation drawer slides in from the left and contains the navigation destinations for your app. An example of a popular Android app that implements the navigation drawer menu design is the Inbox app from Google, which uses a navigation drawer to navigate different application sections.
Modal navigation drawers use a scrim to block interaction with the rest of an app’s content. They are elevated above most app elements and don’t affect the screen’s layout grid. They are primarily for use on mobile, where screen space is limited. They can be replaced by standard drawers on tablet and desktop.
Bottom navigation drawers are modal drawers that are anchored to the bottom of the screen instead of the left or right edge. They are only used with bottom app bars. These drawers open upon tapping the navigation menu icon in the bottom app bar.