Wie kann ich 3 Spalten gridline für responsive XML setzen

Question

Ich brauche eine 3-spalte gridview mit gridline in einem Projekt. Also, ich habe ein Ergebnis;

Dies ist Anmerkung 3 Ergebnis (5.7" und Version "4.4.2"); http://i.imgur.com/fkkKOWE.jpg

Dies ist Anmerkung 5 Ergebnis (5.7" und Version "Android M"); http://i.imgur.com/6JFlSdf.jpg

Hier meine Codes; fragment_homepage.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#fff"> 

    <RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 



    <GridView 
      android:id="@+id/GVHomepage" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:numColumns="3" 
      android:verticalSpacing="1dp" 
      android:horizontalSpacing="1dp" 
      android:background="#edf2f8" /> 

    <ProgressBar 
     android:id="@+id/PBLoading" 
     style="?android:attr/progressBarStyleInverse" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" /> 
    </RelativeLayout> 

    </LinearLayout> 

categories_row.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:gravity="center"> 

    <RelativeLayout 
     android:layout_width="120dp" 
     android:layout_height="120dp" 
     android:background="#fff"> 

     <TextView 
      android:id="@+id/TVCategoryName" 
      android:layout_marginTop="10dp" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Yiyecek" 
      android:textSize="16sp" 
      android:textStyle="bold" 
      android:textColor="#745f87" 
      android:layout_centerHorizontal="true" 
      android:textAppearance="?android:attr/textAppearanceSmall" /> 

     <ImageView 
      android:id="@+id/IVCategoryPhoto" 
      android:layout_width="70dp" 
      android:layout_height="70dp" 
      android:scaleType="fitCenter" 
      android:layout_marginTop="10dp" 
      android:layout_centerHorizontal="true" 
      android:layout_below="@+id/TVCategoryName" 
      android:src="@mipmap/ic_launcher"/> 
    </RelativeLayout> 

    </LinearLayout> 

So, wie ich das Ergebnis wie die "Note 3" auf allen Bildschirmauflösungen bekommen?

Answer 1

sollten Sie erstellen verschiedene dimens xmls für verschiedene Bildschirme und stellen Sie die Layoutbreite und Höhe Ihres RelativeLayout Ansicht der Datei categories_row.xml

... 
<RelativeLayout 
     android:layout_width="@dimen/box_width" 
     android:layout_height="@dimen/box_height" 
     android:background="#fff"> 
... 

und Ihre dimens.xml für die Note 3, wie die

sein

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <dimen name="box_width">120dp</dimen> 
    <dimen name="box_height">120dp</dimen> 
</resources> 

dann erstellen Sie eine weitere dimens.xml für verschiedene Größen

Answer 2

Wenn Sie kombinieren werden android: numColumns = "auto_fit" und android: stretchMode = "columnWidth" gibt Ihnen ein Layout, das für verschiedene Bildschirmgrößen anpasst. Viel besser als die Anzahl der Spalten zu fixieren. Siehe unten.

<GridView 
      android:id="@+id/GVHomepage" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:numColumns="3" // you can also use auto_fit here to set according to screens 
      android:verticalSpacing="1dp" 
      android:horizontalSpacing="1dp" 
      android:stretchMode="columnWidth" 
      android:background="#edf2f8" />