Android 让GridView的高度为Wrap_content根据内容自适应高度

From:http://www.jayway.com/2012/10/04/how-to-make-the-height-of-a-gridview-wrap-its-content/

 

     如果把GridView放到一个垂直方向滚动的布局中,设置其高度属性为 wrap_content ,则该GridView的高度只有一行内容,其他内容通过滚动来显示。 如果你想让该GridView的高度为所有行内容所占用的实际高度,则可以通过覆写GridView的 onMeasure 函数来修改布局参数:

package com.jayway.components;

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

public class MyGridView extends GridView {
    public MyGridView(Context context) {
        super(context);
    }

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

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int heightSpec;

        if (getLayoutParams().height == LayoutParams.WRAP_CONTENT) {
            // The great Android "hackatlon", the love, the magic.
            // The two leftmost bits in the height measure spec have
            // a special meaning, hence we can‘t use them to describe height.
            heightSpec = MeasureSpec.makeMeasureSpec(
                    Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        }
        else {
            // Any other height should be respected as is.
            heightSpec = heightMeasureSpec;
        }

        super.onMeasure(widthMeasureSpec, heightSpec);
    }
}

 

activity_main.xml

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

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- Header One -->
    <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="true"
            android:text="Header 1" />

        <!-- Custom grid view holding the ‘Group 1‘ items -->
        <com.jayway.components.MyGridView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:numColumns="3"
            android:stretchMode="columnWidth"
            android:id="@+id/grid_view_1" />

        <!-- Header 2 -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Header 2" />

        <!-- Custom grid view holding the ‘Group 2‘ items -->
        <com.jayway.components.MyGridView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:numColumns="3"
            android:stretchMode="columnWidth"
            android:id="@+id/grid_view_2" />
    </LinearLayout>
</ScrollView>

 

MainActivity.java

package com.jayway.app;

import java.util.ArrayList;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.app.Activity;

import com.jayway.components.MyGridView;

public class MainActivity extends Activity {

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

        ArrayList labels = new ArrayList();
        for (int i = 0; i < 24; i++) {
            labels.add("Item " + i);
        }

        ArrayAdapter adapter = new ArrayAdapter(
                this, android.R.layout.simple_list_item_1, labels);

        MyGridView grid1 = (MyGridView) findViewById(R.id.grid_view_1);
        grid1.setAdapter(adapter);

        MyGridView grid2 = (MyGridView) findViewById(R.id.grid_view_2);
        grid2.setAdapter(adapter);
    }
}

 

使用原生GridView实现的最终效果如下图:

使用修改过的GridView效果如下图:



Android 让GridView的高度为Wrap_content根据内容自适应高度,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。