How to Make Android ListView or GridView Expandable inside ScrollView

We all know that placing a ListView or GridView inside ScrollView will make them becoming difficult to scroll and can not be expanded. Android doesn’t provide a built in API to handle this problem so we have to do a little hack by subclassing those two views.

This is hack i found on stackoverflow, from Neil Traft ‘s answer:

ExpandableHeightListView

package net.londatiga.android.widget;

import android.util.AttributeSet;
import android.view.ViewGroup;
import android.widget.ListView;
import android.content.Context;

public class ExpandableHeightListView extends ListView
{

boolean expanded = false;

public ExpandableHeightListView(Context context)
    {
        super(context);
    }

    public ExpandableHeightListView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public ExpandableHeightListView(Context context, AttributeSet attrs,
            int defStyle)
    {
        super(context, attrs, defStyle);
    }

    public boolean isExpanded()
    {
        return expanded;
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        // HACK! TAKE THAT ANDROID!
        if (isExpanded())
        {
            // Calculate entire height by providing a very large height hint.
            // But do not use the highest 2 bits of this integer; those are
            // reserved for the MeasureSpec mode.
            int expandSpec = MeasureSpec.makeMeasureSpec(
                    Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
            super.onMeasure(widthMeasureSpec, expandSpec);

            ViewGroup.LayoutParams params = getLayoutParams();
            params.height = getMeasuredHeight();
        }
        else
        {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

    public void setExpanded(boolean expanded)
    {
        this.expanded = expanded;
    }
}

ExpandableHeightGridView

package net.londatiga.android.widget;

import android.util.AttributeSet;
import android.view.ViewGroup;
import android.widget.GridView;
import android.content.Context;

public class ExpandableHeightGridView extends GridView
{

 boolean expanded = false;

 public ExpandableHeightGridView(Context context)
 {
 super(context);
 }

 public ExpandableHeightGridView(Context context, AttributeSet attrs)
 {
 super(context, attrs);
 }

 public ExpandableHeightGridView(Context context, AttributeSet attrs,
 int defStyle)
 {
 super(context, attrs, defStyle);
 }

 public boolean isExpanded()
 {
 return expanded;
 }

 @Override
 public void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
 {
 // HACK! TAKE THAT ANDROID!
 if (isExpanded())
 {
 // Calculate entire height by providing a very large height hint.
 // But do not use the highest 2 bits of this integer; those are
 // reserved for the MeasureSpec mode.
 int expandSpec = MeasureSpec.makeMeasureSpec(
 Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
 super.onMeasure(widthMeasureSpec, expandSpec);

 ViewGroup.LayoutParams params = getLayoutParams();
 params.height = getMeasuredHeight();
 }
 else
 {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 }
 }

 public void setExpanded(boolean expanded)
 {
 this.expanded = expanded;
 }
}

How to use:

//ListView
ExpandableHeightListView listView = new ExpandableHeightListView(this);

listView.setAdapter(adapter);
listView.setExpanded(true);

//GridView
ExpandableHeightGridView gridView = new ExpandableHeightGridView(this);

gridView.setNumColumns(4);
gridView.setAdapter(adapter);
gridView.setExpanded(true);

As you can see, to make the ListView or GridView expandable, just call the setExapanded(true).

[ad#ad-720×90]

by