How to Use ArrayAdapter in Android

Introduction

In the previous tutorial, you have learned about the menus in Android i.e. options menu, context menu, and pop-up menu in detail. In this tutorial, you will learn about the concept of ArrayAdapter. You will find the detailed answers to very broad questions that beginners ask when getting started with Adapters. What are Adapters? How to use Adapters? What is Adapter View? How to use Adapters with ListView, GridView, and Spinners?

Adapter

We use Adapter as to remove the incompatibility between the view and the data source i.e. incompatibility between the database and your application as Views are the parts of the Android Application.

Adapter acts as a bridge between AdapterView and the data for that specific view. The Adapter provides access to the data items as well as Adapter is also responsible for creating the View for each item of the DataSet.

What if you don’t want to use Android ArrayAdapter?

If you don’t want to use Android Adapter, you will miss a lot of features provided by Android Adapter. If you are planning not to use Android Adapter then you should keep in mind that

You must create TextViews in ScrollView Group so that you can scroll TextViews if the size increases.
You must implement the pagination for the content of the TextView.
You must implement the click events separately for each TextView.

ArrayAdapter

ArrayAdapters are commonly used for

List View
Grid View
Spinner

Steps to Use Adapter with Adapter View

Follow the given steps to use Adapter with AdapterView.

Create AdapterView in Android Activity as you add a View in Android Activity layout.
Define the Data Source i.e. some Array or database.
Create an Adapter i.e. ArrayAdapter. (You must specify the layout, context, and the string array for each layout)
Get the reference to ArrayAdapter i.e. by using findViewById() from R (Resource) file.
Set the Adapter on Adapter View i.e. by using setAdapter() method.
Set the event listener as required i.e. by using onItemClick() method.

ListView with ArrayAdapter

You can use ListView when you want to display all the options in the form of a list. ListView in Android also allows multiple selections, so that user can select multiple items from the list and can perform some action by selected items.

Creating ListView

You can either drag and drop ListView from the palette, or you can create ListView in your XML file.

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" >
</ListView>

<ListView

android:id="@+id/listView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true" >

</ListView>

Define Data Source as Array

Initialize and declare a string array with the content of ListView.

final String[] months = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

1	final String[] months = {"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"};

Creating ArrayAdapter

Declare a new ArrayAdapter of String type and populate ArrayAdapter from the String Array declared before.

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, months);

1	ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, months);

Reference of ListView

Create a new ListView with reference of previously created ListView i.e. listView1.

ListView listview = (ListView) findViewById(R.id.listView1);

1	ListView listview = (ListView) findViewById(R.id.listView1);

Set Adapter on Adapter View

listview.setAdapter(adapter);

1	listview.setAdapter(adapter);

Item Click Listener for ListView Item Clicked

Implement the item click listener so that when the user clicks on any of the list items in the ListView, you can perform any action.

listview.setOnItemClickListener(new AdapterView.OnItemClickListener()
{
      public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
           Toast.makeText(getApplicationContext(), months[position], Toast.LENGTH_SHORT).show();
      }
});

listview.setOnItemClickListener(new AdapterView.OnItemClickListener()

{

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

Toast.makeText(getApplicationContext(), months[position], Toast.LENGTH_SHORT).show();

}

});

Complete code for ArrayAdapter with ListView

package com.example.muneeb.listviewadapter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {




    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final String[] months = {"January", "February", "March", "April",
                "May", "June", "July", "August", "September", "October",
                "November", "December"};
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, months);
        ListView listview = (ListView) findViewById(R.id.listView1);
        listview.setAdapter(adapter);

        listview.setOnItemClickListener(new AdapterView.OnItemClickListener()
        {
            public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
                Toast.makeText(getApplicationContext(), months[position], Toast.LENGTH_SHORT).show();
            }
        });

    }

}

package com.example.muneeb.listviewadapter;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

final String[] months = {"January", "February", "March", "April",

"May", "June", "July", "August", "September", "October",

"November", "December"};

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, months);

ListView listview = (ListView) findViewById(R.id.listView1);

listview.setAdapter(adapter);

listview.setOnItemClickListener(new AdapterView.OnItemClickListener()

{

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

Toast.makeText(getApplicationContext(), months[position], Toast.LENGTH_SHORT).show();

}

});

}

GridView with ArrayAdapter

You can use GridView when you want to show data in the form of Grid i.e. rows and columns. When using GridView you can set the number of columns in the Grid. It also allows multiple items selection.

Creating GridView

You can either drag and drop GridView from the palette, or you can create GridView in your XML file.

<GridView
    android:id="@+id/gridView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:numColumns="3" >
</GridView>

<GridView

android:id="@+id/gridView1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:numColumns="3" >

</GridView>

Define Data Source in strings.xml

Initialize and declare a string array with the content of GridView in the strings.xml file of the project.

<string-array name="days_array">
    <item>Monday</item>
    <item>Tuesday</item>
    <item>Wednesday</item>
    <item>Thursday</item>
    <item>Friday</item>
    <item>Saturday</item>
    <item>Sunday</item>
</string-array>

<string-array name="days_array">

<item>Monday</item>

<item>Tuesday</item>

<item>Wednesday</item>

<item>Thursday</item>

<item>Friday</item>

<item>Saturday</item>

<item>Sunday</item>

</string-array>

Define Data Source

Now in the Java file of the project, declare a String array for the GridView. (this string array must have class level scope i.e. outside all the methods but inside the class)

String[] days;

1	String[] days;

Get Values for the Array

From the resource file of the project get the values of the array i.e. declared in strings.xml file.

days = getResources().getStringArray(R.array.days_array);

1	days = getResources().getStringArray(R.array.days_array);

Create Adapter

Declare a new ArrayAdapter of String type and populate ArrayAdapter from the String Array declared before.

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, days);

1	ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, days);

Reference of GridView

Create a new GridView with reference of previously created GridView i.e. gridView1.

GridView gridview = (GridView) findViewById(R.id.gridView1);

1	GridView gridview = (GridView) findViewById(R.id.gridView1);

Set Adapter on Adapter View

gridview.setAdapter(adapter);

1	gridview.setAdapter(adapter);

Item Click Listener for ListView Item Clicked

Implement the item click listener so that when the user clicks on any of the list items in the GridView, you can perform any action.

gridview.setOnItemClickListener(new AdapterView.OnItemClickListener()
{
      public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
           Toast.makeText(getApplicationContext(), "You Clicked: " + days[position], Toast.LENGTH_SHORT).show();
      }
});

gridview.setOnItemClickListener(new AdapterView.OnItemClickListener()

{

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

Toast.makeText(getApplicationContext(), "You Clicked: " + days[position], Toast.LENGTH_SHORT).show();

}

});

Complete code for ArrayAdapter with ListView

package com.example.muneeb.listviewadapter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    String[] days;
    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        days = getResources().getStringArray(R.array.days_array);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, days);
        GridView gridview = (GridView) findViewById(R.id.gridView1);
        gridview.setAdapter(adapter);

        gridview.setOnItemClickListener(new AdapterView.OnItemClickListener()
        {
            public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
                Toast.makeText(getApplicationContext(), "You clicked: " + days[position], Toast.LENGTH_SHORT).show();
            }
        });

    }

}

package com.example.muneeb.listviewadapter;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

String[] days;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

days = getResources().getStringArray(R.array.days_array);

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, days);

GridView gridview = (GridView) findViewById(R.id.gridView1);

gridview.setAdapter(adapter);

gridview.setOnItemClickListener(new AdapterView.OnItemClickListener()

{

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

Toast.makeText(getApplicationContext(), "You clicked: " + days[position], Toast.LENGTH_SHORT).show();

}

});

}

Multiple Selection of Items

If you want to enable multiple selections of the items, you can just add choice mode in your ListView XML.

android:choiceMode="multipleChoice"

1	android:choiceMode="multipleChoice"

In this case, you must also set your ArrayAdapter to multiple choice mode.

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_multiple_choice, months);

1	ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_multiple_choice, months);

Spinner with ArrayAdapter

You can use spinner when you want to show a drop down list on a list item to click. Spinner occupies less space than traditional ListView.

Creating a Spinner

You can create a spinner by drag drop from the palette, or you can add spinner in you XML layout file manually.

<Spinner
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/spinner1"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" 
/>

<Spinner

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/spinner1"

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:layout_alignParentStart="true"

Spinner Modes

Spinner provides two modes

dialog: displays separate dialog box to show list items.
dropdown: displays a drop down menu to show list items.

Define Data Source

In strings.xml file, create a new string array.

<string-array name="sports_array">
    <item>Badminton</item>
    <item>Rugby</item>
    <item>Squash</item>
    <item>Tennis</item>
    <item>Soccer</item>
    <item>Field Hockey</item>
    <item>Cricket</item>
    <item>Basketball</item>
    <item>Ice Hockey</item>
    <item>Baseball</item>
    <item>Cycling</item>
    <item>Football</item>
</string-array>

<string-array name="sports_array">

<item>Badminton</item>

<item>Rugby</item>

<item>Squash</item>

<item>Tennis</item>

<item>Soccer</item>

<item>Field Hockey</item>

<item>Cricket</item>

<item>Basketball</item>

<item>Ice Hockey</item>

<item>Baseball</item>

<item>Cycling</item>

<item>Football</item>

</string-array>

Define Data Source

Now in the Java file of the project, declare a String array for Spinner. (this string array must have class level scope i.e. outside all the methods but inside the class)

String[] sports;

1	String[] sports;

Get Values for the Array

From the resource file of the project get the values of the array i.e. declared in strings.xml file.

sports = getResources().getStringArray(R.array.sports_array);

1	sports = getResources().getStringArray(R.array.sports_array);

Create Adapter

Declare a new ArrayAdapter of String type and populate ArrayAdapter from the String Array declared before.

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_dropdown_item, sports);

1	ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_dropdown_item, sports);

Reference of Spinner

Create a new GridView with reference of previously created GridView i.e. gridView1.

Spinner spinner = (Spinner) findViewById(R.id.spinner1);

1	Spinner spinner = (Spinner) findViewById(R.id.spinner1);

Set Adapter on Adapter View

spinner.setAdapter(adapter);

1	spinner.setAdapter(adapter);

Item Select Event Listener for Spinner

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener()
{
    public void onItemSelected(AdapterView<?> parent, View view, int pos, long id)
    {
         Toast.makeText(getApplicationContext(), "You Clicked: " + sports[pos], Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onNothingSelected(AdapterView<?> arg0) {
         // TODO Auto-generated method stub
    }
});

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener()

{

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

{

Toast.makeText(getApplicationContext(), "You Clicked: " + sports[pos], Toast.LENGTH_SHORT).show();

}

@Override

public void onNothingSelected(AdapterView<?> arg0) {

// TODO Auto-generated method stub

}

});

Complete Code for Spinner with Adapter View

package com.example.muneeb.spinneradapter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    String[] sports;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        sports = getResources().getStringArray(R.array. sports_array);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.select_dialog_item, sports);
        Spinner spinner = (Spinner) findViewById(R.id.spinner1);
        spinner.setAdapter(adapter);

        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener()
        {
            public void onItemSelected(AdapterView<?> parent, View view, int pos, long id)
            {
                Toast.makeText(getApplicationContext(), "You Clicked: " + sports[pos], Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNothingSelected(AdapterView<?> arg0) {
                // TODO Auto-generated method stub
            }
        });

    }
}

package com.example.muneeb.spinneradapter;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ArrayAdapter;

import android.widget.Spinner;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

String[] sports;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

sports = getResources().getStringArray(R.array. sports_array);

ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.select_dialog_item, sports);

Spinner spinner = (Spinner) findViewById(R.id.spinner1);

spinner.setAdapter(adapter);

spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener()

{

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

{

Toast.makeText(getApplicationContext(), "You Clicked: " + sports[pos], Toast.LENGTH_SHORT).show();

}

@Override

public void onNothingSelected(AdapterView<?> arg0) {

// TODO Auto-generated method stub

}

});

}

Hope you like this tutorial. Stay tuned for more upcoming tutorials. Stay Blessed!

Adapter in Android (ListView, GridView and Spinner)

Introduction

Adapter

What if you don’t want to use Android ArrayAdapter?

ArrayAdapter

Steps to Use Adapter with Adapter View

ListView with ArrayAdapter

Complete code for ArrayAdapter with ListView

GridView with ArrayAdapter

Complete code for ArrayAdapter with ListView

Multiple Selection of Items

Spinner with ArrayAdapter

Creating a Spinner

Complete Code for Spinner with Adapter View

Leave a Reply Cancel reply

Introduction

Adapter

What if you don’t want to use Android ArrayAdapter?

ArrayAdapter

Steps to Use Adapter with Adapter View

ListView with ArrayAdapter

Complete code for ArrayAdapter with ListView

GridView with ArrayAdapter

Complete code for ArrayAdapter with ListView

Multiple Selection of Items

Spinner with ArrayAdapter

Creating a Spinner

Complete Code for Spinner with Adapter View

Share this:

Leave a Reply Cancel reply