About Francesco Azzola

I'm a senior software engineer with more than 15 yrs old experience in JEE architecture. I'm SCEA certified (Sun Certified Enterprise Architect), SCWCD, SCJP. I'm an android enthusiast and i've worked for long time in the mobile development field.

Android Actionbar Drop Down navigation

ActionBar supports different navigation types within activities. We saw in an older post that we can use Tabs to navigate or we can use Drop Down Navigation. In this post we will see how we can implement the drop down navigation using fragments. What is exactly the drop down navigation? It is essentially a list of items in the actionbar. This items represent action and when we select one of them we activate the corresponding action. Usually selecting one item we move to another UI that can be implemented using Fragments.

Creating Drop Down navigation

Eclipse + ADT and Android studio both support this kind of navigation and we can find everything we need to implement it. We want to analyze the code generated automatically. To enable the  drop down navigation in our Activity we can create a new project and we reach the last step before confirming everything we have:

Immagine1[3]

To enable the drop down navigation we have to get the Actionbar reference and the set the navigation type we want, in our case NAVIGATION_MODE_LIST. If we look at the code generated we notice:

// Set up the action bar to show a dropdown list.
final ActionBar actionBar = getActionBar();
actionBar.setDisplayShowTitleEnabled(false);
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);

where at line 4 we enable our navigation type.

Implementing the navigation item

We need to create a list of item corresponding to the action we want to support. In other words we have to create a menu with different items. The drop down list is implemented like a Spinner. We know a Spinner is android view that displays one time at time and user can select one item among a list of items. So to create our drop down navigation list we need simply populate a spinner. To populate a spinner we need an Adapter, in our case a simple ArrayAdapter, so we have:

ArrayList<String> itemList = new ArrayList<String>();
itemList.add("Section 1");
itemList.add("Section 2");
ArrayAdapter<String> aAdpt = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, itemList);

Looking at the code generated we notice that it is a little bit different form the one we have above because instead of thisit uses  getActionBarThemedContextCompat. Looking at this method code we find out that it returns this for all the version below Ice Cream Sandwich and another value otherwise. This is used to maintain the compatibility with the all android version.

Now we have to assign our adapter to the Actionbar, we can do it using:

actionBar.setListNavigationCallbacks(aAddpt, this);

Notice that we used this as method parameter. This means that our activity has to implement an interface so that it gets notified when user picks an item.

Implementing ActionBar.OnNavigationListener

As we said in order to be notified when user selects an item we implements ActionBar.OnNavigationListener that has only one method to override:

@Override
public boolean onNavigationItemSelected(int position, long id) {
  // Our logic
}

Now in this method we have to activate the right view according to the item selected by user. Usually we can use Fragment to enable the right UI. In this method we can instantiate a new fragment and replace the existing one with the new one.

Running the code we have:

android_drop_down_navigation_1[4]
android_drop_down_navigation_2[3]

You might be interested on: Android Action Bar (ActionBar) Tab navigation
 

Reference: Android Actionbar Drop Down navigation from our JCG partner Francesco Azzola at the Surviving w/ Android blog.
Related Whitepaper:

Rapid Android Development: Build Rich, Sensor-Based Applications with Processing

Create mobile apps for Android phones and tablets faster and more easily than you ever imagined

Use 'Processing', the free, award-winning, graphics-savvy language and development environment, to work with the touchscreens, hardware sensors, cameras, network transceivers, and other devices and software in the latest Android phones and tablets.

Get it Now!  

Leave a Reply


2 + = eleven



Java Code Geeks and all content copyright © 2010-2014, Exelixis Media Ltd | Terms of Use | Privacy Policy
All trademarks and registered trademarks appearing on Java Code Geeks are the property of their respective owners.
Java is a trademark or registered trademark of Oracle Corporation in the United States and other countries.
Java Code Geeks is not connected to Oracle Corporation and is not sponsored by Oracle Corporation.

Sign up for our Newsletter

20,709 insiders are already enjoying weekly updates and complimentary whitepapers! Join them now to gain exclusive access to the latest news in the Java world, as well as insights about Android, Scala, Groovy and other related technologies.

As an extra bonus, by joining you will get our brand new e-books, published by Java Code Geeks and their JCG partners for your reading pleasure! Enter your info and stay on top of things,

  • Fresh trends
  • Cases and examples
  • Research and insights
  • Two complimentary e-books