Sectioned Listview

Introduction

Listview

are commonly used to display a large set of similar data. But in the section header list we can show the similar data list in the different and separate section of the list view.
Here I am using the adapter class for loading the view of list one by one by using get view method.
So lets start the coding about the section header.

demo

Using this code

activity_main.xml:

Declare only basic listview

<RelativeLayout 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" >

<ListView

android:id="@+id/listView1"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

</ListView>

</RelativeLayout>

menuitem_selectiontext.xml

Here to declare listview section header

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

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

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="#FF0040" >

<TextView

android:id="@+id/section_tv"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:textAppearance="?android:attr/textAppearanceLarge"

android:textSize="20dp"

android:textColor="#F9F8F4" />

</RelativeLayout>

menuitems_adapter.xml

Here to declare listview sections inside texts and images

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

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

android:id="@+id/RelativeLayout1"

android:layout_width="fill_parent"

android:layout_height="match_parent"

android:background="#5882FA"

android:orientation="vertical" >

<ImageView

android:id="@+id/listview_imgview"

android:layout_width="40dp"

android:layout_height="40dp"

android:layout_marginRight="5dp"

android:contentDescription="@string/app_name"

android:padding="2dp"

android:visibility="visible" />

<TextView

android:id="@+id/listview_txtview"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:layout_toRightOf="@+id/listview_imgview"

android:gravity="left"

android:textAppearance="?android:attr/textAppearanceLarge"

android:textColor="#F9F8F4"

android:textSize="20dp" />

</RelativeLayout>

MainActivity.java

package com.example.sectionedlistview;

import android.app.Activity;

import android.content.Context;

import android.os.Bundle;

import android.view.View;

import android.view.Window;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends Activity
{

ListView listview;

Adapter adapter;

Context context;

String[] listview_menu_items={"Start","Search Profiles","Favourites","Messages","Visits","Events","Blogs","My Profile","Edit Profile","Edit Profile Photo","My Events","User Guide","Log Out","Terms of services","Prices"};

@Override

protected void onCreate(Bundle savedInstanceState)
{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

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

context=this;

adapter=new Adapter(this);

adapter.addSeparatorItem("Go to..");

for (int i = 0; i <= 14; i++)
{

if (i==6)
{

adapter.addSeparatorItem("Profile");

}

if (i==11)
{

adapter.addSeparatorItem("Support");

}

if (i==13)
{

adapter.addSeparatorItem("Subscription");

}

adapter.addItem(listview_menu_items[i]);

}

listview.setAdapter(adapter);

listview.setOnItemClickListener(new OnItemClickListener()
{

@Override

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

{

// TODO Auto-generated method stub

onMenuItemClick(parent, view, position, id);

listview.smoothScrollToPosition(0);

}

});

}

//used to declare clickable listview items

private void onMenuItemClick(AdapterView<?> parent, View view,

int position, long id)
{

String selectedItem = adapter.mItems.get(position);

if (selectedItem.compareTo("Start") == 0)

{

Toast.makeText(getApplicationContext(), selectedItem, Toast.LENGTH_SHORT).show();

}

else if (selectedItem.compareTo("Search Profiles") == 0)

{