2013-05-29 104 views
10

我在GridView中遇到各種各樣的行高問題。設置固定的GridView行高度

我想在XML中設置項目的大小(高度/寬度),然後只需要儘可能多的GridView自動調整,因爲它沒有拉伸。如果它不能適應下一個元素,它應該在它能夠適合的元素的當前數目周圍添加填充。

目前,我得到2列(這對我來說幾乎看起來是固定的大小),行得到拉伸。有人可以幫助解釋發生了什麼,以及如何實現我想要的?

GridView控件:

<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/main_grid" 
    android:numColumns="auto_fit" 
    android:gravity="center" 
    android:paddingRight="20dp" 
    android:paddingLeft="20dp" 
    android:clipToPadding="true" 
    android:fitsSystemWindows="true" 
    android:stretchMode="none" 
    android:background="@drawable/main_grid_background"> 

</GridView> 

的GridItem(我想這320×320,因爲我後來插入背景圖片到它這看起來很奇怪,如果它不是一個完美的正方形)。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="320dp" 
    android:layout_height="320dp" 
    android:padding="10dp" > 

    <TextView 
     android:id="@+id/grid_item_label" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:singleLine="true" 
     android:text="@+id/label" 
     android:layout_marginTop="5dp" 
     android:textColor="@color/black" 
     android:textSize="15sp" 
     android:visibility="invisible" 
     android:layout_centerInParent="true" > 
    </TextView> 

</RelativeLayout> 

的Java:

public View getView(int position, View convertView, ViewGroup parent) { 

     LayoutInflater inflater = (LayoutInflater) context 
       .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 

     View gridView; 

     if (convertView == null) { 

      gridView = new View(context); 

      // get layout from mobile.xml 
      gridView = inflater.inflate(R.layout.main_grid_item, null); 

     } else { 
      gridView = (View) convertView; 
     } 
     TextView textView = (TextView) gridView 
       .findViewById(R.id.grid_item_label); 

      //SET TEXT AND BACKGROUND IMAGE HERE 
      //gridView.setBackgroundResource(R.drawable.main_grid_item_import); 



     return gridView; 
    } 
+0

如果可能的話,請張貼伸行 –

+0

@MehulJoisar請參考圖片細節的屏幕截圖。 – AlexIIP

+0

'android:stretchMode =「spacingWidthUniform」'不是你想要的嗎? –

回答

1

所以,這不是一個完美的答案,但是這是我得到它的工作。想法借用this線程。

所有這些工作假設我知道我的圖像大小,這是320x320。此外,在GridView中,我必須設置android:columnWidth="320dp"或它不起作用。如果有人有更好的主意,請將其發佈......現在我正在繼續。

網格項XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" > 
    <ImageView 
    android:id="@+id/grid_item_image" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_centerInParent="true"/> 
    <TextView 
     android:id="@+id/grid_item_label" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:singleLine="true" 
     android:text="@+id/label" 
     android:textColor="@color/black" 
     android:layout_alignLeft="@+id/grid_item_image" 
     android:layout_alignTop="@+id/grid_item_image" 
     android:layout_alignRight="@+id/grid_item_image" 
     android:layout_alignBottom="@+id/grid_item_image" 
     android:gravity="center" 
     android:textSize="15sp" 
     android:visibility="invisible"> 
    </TextView> 

</RelativeLayout> 

GridView的XML:

<GridView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/main_grid" 
    android:numColumns="auto_fit" 
    android:gravity="center" 
    android:columnWidth="320dp" 
    android:paddingRight="20dp" 
    android:paddingLeft="20dp" 
    android:clipToPadding="true" 
    android:fitsSystemWindows="true" 
    android:stretchMode="columnWidth" 
    android:background="@drawable/main_grid_background"> 
</GridView> 
42

在CustomAdapter

v.setLayoutParams(new GridView.LayoutParams(GridView.AUTO_FIT, rowHigh)); 

rowHigh是維度必須更改

+1

謝謝你。根據應用程序的不同,您可能希望在v.post(new Runnable ...)內調用v作爲fi​​nal或等效ViewHolder對象是最終的。我在一個單元格中有一個「關閉」按鈕,它將自己刪除(list.remove(position))並調用notifyDataSetChanged()。只是簡單的setLayoutParams對我起作用(渲染時間被搞砸了)並且將它放在後期修復它。 –

+1

具體來說,它應該在getView()或newView()我相信。請參閱文檔中的示例:http://developer.android.com/guide/topics/ui/layout/gridview.html#example –

4
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 { 
      heightSpec = heightMeasureSpec; 
     } 

     super.onMeasure(widthMeasureSpec, heightSpec); 
    } 


} 

在XML:

<MyGridView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/main_grid" 
    android:gravity="center"/> 
+0

摘自http://www.jayway.com/2012/10/04/how-to -make最高度-A-gridview的穿孔卷繞其內容的/ –