## GridView 佈局：item設置的高度和寬度不起做用、自動適配列數、添加Header和Footer ## [Android Pro] listView和GridView的item設置的高度和

時間 2019-12-09

標籤 gridview 佈局 item 設置高度寬度不起自動適配列數添加 header footer android pro listview 欄目 Android 简体版

原文原文鏈接

1、item設置的高度和寬度不起做用html

轉自：http://www.cnblogs.com/0616--ataozhijia/p/6031875.htmljava

[Android Pro] listView和GridView的item設置的高度和寬度不起做用

referece to : http://blog.csdn.net/beibeixiao/article/details/9032569android

1. 在Android開發中會發現，有時listView和GridView的item頂層佈局不起做用，即不能設置高度和寬度express

緣由是當用自定義的adapter時，若是使用convertView= mInflater.inflate(R.layout.material_grid_item, null)apache

方法就不會起做用，這個方法的第二個參數是父View，傳入爲空，因此沒有加載頂層佈局，此時若是使用app

convertView= mInflater.inflate(R.layout.material_grid_item, parent,false);傳入parent設置的高度和寬度就會起做用了。less

2、自動適配列數ide

轉自：http://blog.csdn.net/archer_zoro/article/details/43500389佈局

寫了一個展現多張圖片的gridview（幾乎每一個listview裏面都有一個gridview）post

以前用auto_fit和設置列寬來控制列數，以達到自適應的目的。

[java] view plain copy

this.setNumColumns(GridView.AUTO_FIT);
this.setColumnWidth(getResources().getDimensionPixelSize(R.dimen.item_image_size));
this.setHorizontalSpacing(getResources().getDimensionPixelSize(R.dimen.item_image_spacing));
this.setVerticalSpacing(getResources().getDimensionPixelSize(R.dimen.item_image_spacing));

這樣的效果就是圖片寬度最小爲item_image_size，會在接近這個大小的狀況下，自動調整一些大小將gridview佔滿，間隔不變。3列。

然後來在720p以上的手機上運行時，變成了4列，可是要求是3列，因而我把列數從auto_fit改爲了3，依然是上面的顯示效果，

可是，在滑動listview的過程當中明顯比剛纔卡頓了，因此有改回了auto_fit，轉而把item_image_size增大了。

原理不清楚，留下這個坑待研究

轉自：http://blog.csdn.net/maizangxiangwang/article/details/50913900


/**
 * 獲取屏幕寬度
*/
public static int getScreenWidth(Context context) {
    WindowManager manager = (WindowManager) context
            .getSystemService(Context.WINDOW_SERVICE);
    Display display = manager.getDefaultDisplay();
    return display.getWidth();
}

public static int dipToPx(Context context, int dip) {
    if(density <= 0.0F) {
        density = context.getResources().getDisplayMetrics().density;
    }

    return (int)((float)dip * density + 0.5F);
}

給gridview子項要屏幕適配，子項item寬度，高度與寬度相同

itemWidth = (getScreenWidth(this)-(3*dipToPx(this, 3)))/2;

在gridview的adapter中的getview中設置子項的參數

public View getView(int position, View convertView, ViewGroup parent) {
    ViewHodler viewHodler;
    String url = blogAlbumList.get(position).getAlbumUrl();
    if (convertView == null) {
        convertView = View.inflate(context, R.layout.celebrity_item, null);
        viewHodler = new ViewHodler();
        viewHodler.iv_image = (ImageView) convertView.findViewById(R.id.iv_image);
        convertView.setTag(viewHodler);
    } else {
        viewHodler = (ViewHodler) convertView.getTag();
    }
    // if (viewHodler.iv_image.getTag()!=url ||viewHodler.iv_image.getTag()==null) {
    ImageTools.getImageLoader().displayImage(blogAlbumList.get(position).getAlbumUrl(), viewHodler.iv_image, mDisplayImageOptions);
    // viewHodler.iv_image.setTag(url);
    // }
    AbsListView.LayoutParams param = new AbsListView.LayoutParams(LeoApplication.itemWidth, LeoApplication.itemWidth);
    convertView.setLayoutParams(param);
    return convertView;
}

其實gridview有個屬性.Android:stretchMode=」columnWidth"//縮放與列寬大小同步

GridView的一些特殊屬性：

1.android:numColumns=」auto_fit」 //GridView的列數設置爲自動

2.android:columnWidth=」90dp " //每列的寬度，也就是Item的寬度

3.android:stretchMode=」columnWidth"//縮放與列寬大小同步

4.android:verticalSpacing=」10dp」 //兩行之間的邊距

5.android:horizontalSpacing=」10dp」 //兩列之間的邊距

6.android:cacheColorHint="#00000000" //去除拖動時默認的黑色背景

7.android:listSelector="#00000000" //去除選中時的黃色底色

8.android:scrollbars="none" //隱藏GridView的滾動條

9.android:fadeScrollbars="true" //設置爲true就能夠實現滾動條的自動隱藏和顯示

10.android:fastScrollEnabled="true" //GridView出現快速滾動的按鈕(至少滾動4頁纔會顯示)

11.android:fadingEdge="none" //GridView衰落(褪去)邊緣顏色爲空，缺省值是vertical。(能夠理解爲上下邊緣的提示色)

12.android:fadingEdgeLength="10dip" //定義的衰落(褪去)邊緣的長度

13.android:stackFromBottom="true" //設置爲true時，你作好的列表就會顯示你列表的最下面

14.android:transcriptMode="alwaysScroll" //當你動態添加數據時，列表將自動往下滾動最新的條目能夠自動滾動到可視範圍內

15.android:drawSelectorOnTop="false" //點擊某條記錄不放，顏色會在記錄的後面成爲背景色,內容的文字可見(缺省爲false)

3、添加Header和Footer

轉自：http://blog.csdn.net/zhzhyang0313/article/details/39163735

實現這個功能通常有兩種思路，一種思路是使用ScrollView+GridView，第二種思路是使用ListView來實現GridView的效果。

第一種思路的具體實現是把HeaderView和GridView都放到ScrollView裏面，這裏要解決的問題是ScrollView和GridView滑動手勢的衝突問題，解決辦法是讓GridView充滿ScrollView，不讓GridView滑動而只讓ScrollView滑動。具題作法是重載GridView的onMeasure()方法。

[java] view plain copy

public class MyGridView extends GridView {
public MyGridView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyGridView(Context context) {
super(context);
}
public MyGridView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
@Override
public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int expandSpec = MeasureSpec.makeMeasureSpec(
Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
super.onMeasure(widthMeasureSpec, expandSpec);
}
}

這種方法的不足是GridView中的View沒有複用，若是內容較多將比較消耗內存。

第二種思路的具體實現是使用ListView的addHeaderView()來添加HeaderView，而ListView的每一行都放一個LinearLayout來保存一行的item，這裏要注意的是item的個數和ListView行數的關係。

後來在StackOverFlow上又看到了第三中方法。原來Google已經用GridView實現了，並且很巧妙，下面把代碼貼出來

[java] view plain copy

/*
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package com.android.photos.views;
import android.content.Context;
import android.database.DataSetObservable;
import android.database.DataSetObserver;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.FrameLayout;
import android.widget.GridView;
import android.widget.ListAdapter;
import android.widget.WrapperListAdapter;
import java.util.ArrayList;
/**
* A {@link GridView} that supports adding header rows in a
* very similar way to {@link ListView}.
* See {@link HeaderGridView#addHeaderView(View, Object, boolean)}
*/
public class HeaderGridView extends GridView {
private static final String TAG = "HeaderGridView";
/**
* A class that represents a fixed view in a list, for example a header at the top
* or a footer at the bottom.
*/
private static class FixedViewInfo {
/** The view to add to the grid */
public View view;
public ViewGroup viewContainer;
/** The data backing the view. This is returned from {@link ListAdapter#getItem(int)}. */
public Object data;
/** <code>true</code> if the fixed view should be selectable in the grid */
public boolean isSelectable;
}
private ArrayList<FixedViewInfo> mHeaderViewInfos = new ArrayList<FixedViewInfo>();
private void initHeaderGridView() {
super.setClipChildren(false);
}
public HeaderGridView(Context context) {
super(context);
initHeaderGridView();
}
public HeaderGridView(Context context, AttributeSet attrs) {
super(context, attrs);
initHeaderGridView();
}
public HeaderGridView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initHeaderGridView();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
ListAdapter adapter = getAdapter();
if (adapter != null && adapter instanceof HeaderViewGridAdapter) {
((HeaderViewGridAdapter) adapter).setNumColumns(getNumColumns());
}
}
@Override
public void setClipChildren(boolean clipChildren) {
// Ignore, since the header rows depend on not being clipped
}
/**
* Add a fixed view to appear at the top of the grid. If addHeaderView is
* called more than once, the views will appear in the order they were
* added. Views added using this call can take focus if they want.
* <p>
* NOTE: Call this before calling setAdapter. This is so HeaderGridView can wrap
* the supplied cursor with one that will also account for header views.
*
* @param v The view to add.
* @param data Data to associate with this view
* @param isSelectable whether the item is selectable
*/
public void addHeaderView(View v, Object data, boolean isSelectable) {
ListAdapter adapter = getAdapter();
if (adapter != null && ! (adapter instanceof HeaderViewGridAdapter)) {
throw new IllegalStateException(
"Cannot add header view to grid -- setAdapter has already been called.");
}
FixedViewInfo info = new FixedViewInfo();
FrameLayout fl = new FullWidthFixedViewLayout(getContext());
fl.addView(v);
info.view = v;
info.viewContainer = fl;
info.data = data;
info.isSelectable = isSelectable;
mHeaderViewInfos.add(info);
// in the case of re-adding a header view, or adding one later on,
// we need to notify the observer
if (adapter != null) {
((HeaderViewGridAdapter) adapter).notifyDataSetChanged();
}
}
/**
* Add a fixed view to appear at the top of the grid. If addHeaderView is
* called more than once, the views will appear in the order they were
* added. Views added using this call can take focus if they want.
* <p>
* NOTE: Call this before calling setAdapter. This is so HeaderGridView can wrap
* the supplied cursor with one that will also account for header views.
*
* @param v The view to add.
*/
public void addHeaderView(View v) {
addHeaderView(v, null, true);
}
public int getHeaderViewCount() {
return mHeaderViewInfos.size();
}
/**
* Removes a previously-added header view.
*
* @param v The view to remove
* @return true if the view was removed, false if the view was not a header
* view
*/
public boolean removeHeaderView(View v) {
if (mHeaderViewInfos.size() > 0) {
boolean result = false;
ListAdapter adapter = getAdapter();
if (adapter != null && ((HeaderViewGridAdapter) adapter).removeHeader(v)) {
result = true;
}
removeFixedViewInfo(v, mHeaderViewInfos);
return result;
}
return false;
}
private void removeFixedViewInfo(View v, ArrayList<FixedViewInfo> where) {
int len = where.size();
for (int i = 0; i < len; ++i) {
FixedViewInfo info = where.get(i);
if (info.view == v) {
where.remove(i);
break;
}
}
}
@Override
public void setAdapter(ListAdapter adapter) {
if (mHeaderViewInfos.size() > 0) {
HeaderViewGridAdapter hadapter = new HeaderViewGridAdapter(mHeaderViewInfos, adapter);
int numColumns = getNumColumns();
if (numColumns > 1) {
hadapter.setNumColumns(numColumns);
}
super.setAdapter(hadapter);
} else {
super.setAdapter(adapter);
}
}
private class FullWidthFixedViewLayout extends FrameLayout {
public FullWidthFixedViewLayout(Context context) {
super(context);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int targetWidth = HeaderGridView.this.getMeasuredWidth()
- HeaderGridView.this.getPaddingLeft()
- HeaderGridView.this.getPaddingRight();
widthMeasureSpec = MeasureSpec.makeMeasureSpec(targetWidth,
MeasureSpec.getMode(widthMeasureSpec));
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
}
/**
* ListAdapter used when a HeaderGridView has header views. This ListAdapter
* wraps another one and also keeps track of the header views and their
* associated data objects.
*<p>This is intended as a base class; you will probably not need to
* use this class directly in your own code.
*/
private static class HeaderViewGridAdapter implements WrapperListAdapter, Filterable {
// This is used to notify the container of updates relating to number of columns
// or headers changing, which changes the number of placeholders needed
private final DataSetObservable mDataSetObservable = new DataSetObservable();
private final ListAdapter mAdapter;
private int mNumColumns = 1;
// This ArrayList is assumed to NOT be null.
ArrayList<FixedViewInfo> mHeaderViewInfos;
boolean mAreAllFixedViewsSelectable;
private final boolean mIsFilterable;
public HeaderViewGridAdapter(ArrayList<FixedViewInfo> headerViewInfos, ListAdapter adapter) {
mAdapter = adapter;
mIsFilterable = adapter instanceof Filterable;
if (headerViewInfos == null) {
throw new IllegalArgumentException("headerViewInfos cannot be null");
}
mHeaderViewInfos = headerViewInfos;
mAreAllFixedViewsSelectable = areAllListInfosSelectable(mHeaderViewInfos);
}
public int getHeadersCount() {
return mHeaderViewInfos.size();
}
@Override
public boolean isEmpty() {
return (mAdapter == null || mAdapter.isEmpty()) && getHeadersCount() == 0;
}
public void setNumColumns(int numColumns) {
if (numColumns < 1) {
throw new IllegalArgumentException("Number of columns must be 1 or more");
}
if (mNumColumns != numColumns) {
mNumColumns = numColumns;
notifyDataSetChanged();
}
}
private boolean areAllListInfosSelectable(ArrayList<FixedViewInfo> infos) {
if (infos != null) {
for (FixedViewInfo info : infos) {
if (!info.isSelectable) {
return false;
}
}
}
return true;
}
public boolean removeHeader(View v) {
for (int i = 0; i < mHeaderViewInfos.size(); i++) {
FixedViewInfo info = mHeaderViewInfos.get(i);
if (info.view == v) {
mHeaderViewInfos.remove(i);
mAreAllFixedViewsSelectable = areAllListInfosSelectable(mHeaderViewInfos);
mDataSetObservable.notifyChanged();
return true;
}
}
return false;
}
@Override
public int getCount() {
if (mAdapter != null) {
return getHeadersCount() * mNumColumns + mAdapter.getCount();
} else {
return getHeadersCount() * mNumColumns;
}
}
@Override
public boolean areAllItemsEnabled() {
if (mAdapter != null) {
return mAreAllFixedViewsSelectable && mAdapter.areAllItemsEnabled();
} else {
return true;
}
}
@Override
public boolean isEnabled(int position) {
// Header (negative positions will throw an ArrayIndexOutOfBoundsException)
int numHeadersAndPlaceholders = getHeadersCount() * mNumColumns;
if (position < numHeadersAndPlaceholders) {
return (position % mNumColumns == 0)
&& mHeaderViewInfos.get(position / mNumColumns).isSelectable;
}
// Adapter
final int adjPosition = position - numHeadersAndPlaceholders;
int adapterCount = 0;
if (mAdapter != null) {
adapterCount = mAdapter.getCount();
if (adjPosition < adapterCount) {
return mAdapter.isEnabled(adjPosition);
}
}
throw new ArrayIndexOutOfBoundsException(position);
}
@Override
public Object getItem(int position) {
// Header (negative positions will throw an ArrayIndexOutOfBoundsException)
int numHeadersAndPlaceholders = getHeadersCount() * mNumColumns;
if (position < numHeadersAndPlaceholders) {
if (position % mNumColumns == 0) {
return mHeaderViewInfos.get(position / mNumColumns).data;
}
return null;
}
// Adapter
final int adjPosition = position - numHeadersAndPlaceholders;
int adapterCount = 0;
if (mAdapter != null) {
adapterCount = mAdapter.getCount();
if (adjPosition < adapterCount) {
return mAdapter.getItem(adjPosition);
}
}
throw new ArrayIndexOutOfBoundsException(position);
}
@Override
public long getItemId(int position) {
int numHeadersAndPlaceholders = getHeadersCount() * mNumColumns;
if (mAdapter != null && position >= numHeadersAndPlaceholders) {
int adjPosition = position - numHeadersAndPlaceholders;
int adapterCount = mAdapter.getCount();
if (adjPosition < adapterCount) {
return mAdapter.getItemId(adjPosition);
}
}
return -1;
}
@Override
public boolean hasStableIds() {
if (mAdapter != null) {
return mAdapter.hasStableIds();
}
return false;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// Header (negative positions will throw an ArrayIndexOutOfBoundsException)
int numHeadersAndPlaceholders = getHeadersCount() * mNumColumns ;
if (position < numHeadersAndPlaceholders) {
View headerViewContainer = mHeaderViewInfos
.get(position / mNumColumns).viewContainer;
if (position % mNumColumns == 0) {
return headerViewContainer;
} else {
if (convertView == null) {
convertView = new View(parent.getContext());
}
// We need to do this because GridView uses the height of the last item
// in a row to determine the height for the entire row.
convertView.setVisibility(View.INVISIBLE);
convertView.setMinimumHeight(headerViewContainer.getHeight());
return convertView;
}
}
// Adapter
final int adjPosition = position - numHeadersAndPlaceholders;
int adapterCount = 0;
if (mAdapter != null) {
adapterCount = mAdapter.getCount();
if (adjPosition < adapterCount) {
return mAdapter.getView(adjPosition, convertView, parent);
}
}
throw new ArrayIndexOutOfBoundsException(position);
}
@Override
public int getItemViewType(int position) {
int numHeadersAndPlaceholders = getHeadersCount() * mNumColumns;
if (position < numHeadersAndPlaceholders && (position % mNumColumns != 0)) {
// Placeholders get the last view type number
return mAdapter != null ? mAdapter.getViewTypeCount() : 1;
}
if (mAdapter != null && position >= numHeadersAndPlaceholders) {
int adjPosition = position - numHeadersAndPlaceholders;
int adapterCount = mAdapter.getCount();
if (adjPosition < adapterCount) {
return mAdapter.getItemViewType(adjPosition);
}
}
return AdapterView.ITEM_VIEW_TYPE_HEADER_OR_FOOTER;
}
@Override
public int getViewTypeCount() {
if (mAdapter != null) {
return mAdapter.getViewTypeCount() + 1;
}
return 2;
}
@Override
public void registerDataSetObserver(DataSetObserver observer) {
mDataSetObservable.registerObserver(observer);
if (mAdapter != null) {
mAdapter.registerDataSetObserver(observer);
}
}
@Override
public void unregisterDataSetObserver(DataSetObserver observer) {
mDataSetObservable.unregisterObserver(observer);
if (mAdapter != null) {
mAdapter.unregisterDataSetObserver(observer);
}
}
@Override
public Filter getFilter() {
if (mIsFilterable) {
return ((Filterable) mAdapter).getFilter();
}
return null;
}
@Override
public ListAdapter getWrappedAdapter() {
return mAdapter;
}
public void notifyDataSetChanged() {
mDataSetObservable.notifyChanged();
}
}
}