Android Spinner In Toolbar

As the title of the post suggest in this tutorial we will see how to have spinner widget inside the toolbar in the previous series of tutorial we have seen many example on how to set up the android spinner widget and also we have seen how to have android material design toolbar , in this tutorial we will see the combination of both .

String Constant

Lets have Array of string constant which will be set to spinner

file : string.xml

<resources>

<string name="app_name">SpinnerToolbar</string>

<string name="action_settings">Settings</string>

<!-- Category -->

<string-array name="category">

<item>Top News</item>

<item>Business</item>

<item>Politics</item>

<item>Sports</item>

<item>Technology</item>

<item>Movies</item>

</string-array>

</resources>

XML Layout

Create a layout/activity_main.xml file which contains Toolbar widget.

file : activity_main.xml

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<android.support.v7.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="?attr/colorPrimary"

android:minHeight="?attr/actionBarSize" />

</LinearLayout>

create a spinner_dropdown_item.xml which contains TextView which represents view for each items of spinner .

file : spinner_dropdown_item.xml

<?xml version="1.0" encoding="utf-8"?>

<TextView xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@android:id/text1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/colorPrimary"

android:gravity="center_vertical"

android:minHeight="?android:attr/listPreferredItemHeightSmall"

android:paddingLeft="12dp"

android:paddingRight="12dp"

android:textAppearance="?android:attr/textAppearanceListItemSmall" />

 

MainActivity

Create a class MainActivity which extends AppCompatActivity , now inside onCreate() add spinner to toolbar dyanamically and also set onItemSelectListener.

file : MainActivity.java

package com.tutorialsbuzz.spinnertoolbar;

import android.support.v7.app.ActionBarActivity;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

import android.widget.SpinnerAdapter;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

private Toolbar toolbar=null;

private String[] category=null;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

category = getResources().getStringArray(R.array.category);

toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

getSupportActionBar().setDisplayShowTitleEnabled(false);

toolbar.setLogo(R.drawable.ic_drawer);

SpinnerAdapter spinnerAdapter = ArrayAdapter.createFromResource(getApplicationContext(), R.array.category, R.layout.spinner_dropdown_item);

Spinner navigationSpinner = new Spinner(getSupportActionBar().getThemedContext());

navigationSpinner.setAdapter(spinnerAdapter);

toolbar.addView(navigationSpinner, 0);

navigationSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

@Override

public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {

Toast.makeText(MainActivity.this,

"you selected: " + category[position],

Toast.LENGTH_SHORT).show();

}

@Override

public void onNothingSelected(AdapterView<?> parent) {

}

});

}

}