New UI mode of Android-side navigation bar

Source: Internet
Author: User

The side navigation bar is also known as the sliddingmenu, also known as the fly-in APP menu and side navigation. Of course, Google has now launched a component similar to this effect-Navigation drawer

  • Side navigation
  • Fly-in APP menu
  • Slide out navigation
  • Sliding navigation bar
  • Slide menu
  • ...

This effect began with Spotify, and soon Evernote and Google + began to use it. It has now been used by more applications, such as YouTube, Facebook, and Dribbble, and everybody in China and cool dog. On the GitHub website, many open-source components have achieved this effect:

  • Jfeinstein10/slidingmenu
  • Gregadeaux/Android-fly-in-app-Navigation
  • Bk138/libslidemenu
  • Darvds/ribbonmenu
  • Eddieringle/Android-undergarment
  • Simonvt/Android-menudrawer
  • Johnkilsidenavigation
  • ...

Next we will introduce another open-source component: actionbarsherlock. This actionbarsherlock is also very promising. It is definitely good to study it. This can be used when designing navigation. Because the use of slidingmenu and sidenavigation depends on this component, many friends should also know.

I have posted a post on the slidingmenu component in many forums, so you are familiar with it. Which of the above components is what you need? I think you should download and run them one by one to see the effect. By comparing the effects, you can decide which one to use or your own reference. We recommend that you take a look at it and study the implementation principles, which will be of great help to improve the development level.

In fact, I am most concerned with the ideas and steps to achieve this effect. I have read a lot of blogs in this area, and I have read many of my friends' implementations. Some inherit horizontalscrollview and some inherit viewgroup. In general, it is more formal to inherit viewgroup, this is because the official navigation drawer does this. Cyril mottier, a foreign engineer, posted three articles on his website about this aspect, which is profound:

  • The making of prixing #1: Fly-in APP menu
  • The making of prixing #2: swiping the fly-in APP menu
  • The making of prixing #3: polishing the sliding app menu

Summary: this component is nothing new. It can be easily integrated into your own applications through open-source components. However, it is a good case for anyone who wants to learn it.

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.