Android Navigation Drawer Style Drawer usage

Source: Internet
Author: User

NavigationDrawer navigation drawer) is a panel that transitions from the left edge of the screen and displays the main navigation operations of the app.


Show Navigation Drawer

You can slide the slider from the left edge of the screen or click the icon on the ActionBar of the app to display the Navigation Drawer to the screen.

As an extension of NavigationDrawer, it overwrites the main content except ActionBar. When the navigation drawer is fully expanded, ActionBar replaces the ActionBar with the current app name and removes all views dominated by the navigation drawer. The overflow menu of standard operation items with Setting and Help operations is still displayed.

Because they are short-lived, navigation drawers reduce view confusion. You can also use them to lower levels in the navigation level, allowing users to switch from anywhere in the app to other important pages.

650) this. width = 650; "src =" http://www.bkjia.com/uploads/allimg/131228/063RQ537-0.png "width =" 805 "height =" 366 "/>Slide from the left of the screen at any position of the App to open NavigationDrawer


Hide NavigationDrawer

When the navigation drawer is expanded, you can hide it in four ways:

  • Touch content other than NavigationDrawer

  • Slide left in any direction on the screen, including clicking the right edge of the screen)

  • Click the ActionBar icon or title in the app.

  • Click Back


When to use the navigation drawer

The navigation drawer is not a replacement of top-level navigation menus (spinners) or navigation labels (tabs) in general. Your app application structure should guide you on which mode to use for top-level conversion.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.