Set Fixed GridView Row Height

Question

Sto riscontrando tutti i tipi di problemi con l'altezza delle righe in GridView.

Mi piacerebbe impostare la dimensione degli elementi (altezza/larghezza) in XML e quindi avere l'autofit di GridView il maggior numero possibile senza allungamenti. Se non può adattarsi al prossimo elemento dovrebbe solo aggiungere padding attorno al numero corrente di elementi che è stato in grado di adattarsi.

Attualmente ottengo 2 colonne (che a me sembrano quasi fisse) e le righe vengono allungate. Qualcuno potrebbe aiutarmi a spiegare cosa sta succedendo e come ottenere ciò che voglio?

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 (lo voglio 320x320 come ho poi inserire un'immagine di sfondo in esso che sembra strano se non è un quadrato perfetto).

<?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; 
    } 

Answer 1

Quindi, questa non è una risposta perfetta, ma questo è come ho ottenuto a farlo funzionare. Le idee prese in prestito dal thread this.

Tutto questo presuppone che io conosca le dimensioni dell'immagine, che sono 320x320. Inoltre, in GridView ho dovuto impostare android:columnWidth="320dp" o non avrebbe funzionato. Se qualcuno ha un'idea migliore per favore pubblicala ... per ora mi sto muovendo.

XML

griglia dell'oggetto:

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

XML GridView:

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

Answer 2

Nel CustomAdapter

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

rowHigh è la dimensione è necessario modificare

Answer 3

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); 
    } 


} 

In XML:

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