Bildansicht in einer Reihe [rechts von einander] in Scrollview im linearen Layout

Question

Ich bin neu in Android-Entwicklung und ich mache eine Android-App, die Bilder nebeneinander ausgerichtet werden müssen (3 Bilder in jeder Zeile) zusammen mit dem Text am unteren Rand jedes Bildes). Ich möchte in die Bildlaufansicht (und fügen Sie weitere Bilder), aber wenn ich dies tun, werden die Bilder ungeordnet. Versucht, Lineare Layout mit Scrollview zu verwenden, aber der Fall ist gleich. Heres ein Beispiel dafür, was ich es aussehen soll (mit der Möglichkeit, mit Scrollview zu scrollen):

[1]: http://i.stack.imgur.com/efB3q.png -screenshot

Hier ist mein XML-Code:

http://pastebin.com/VvC2y46c

Danke

Answer 1

Versuchen Sie mit GridLayout. https://developer.android.com/reference/android/widget/GridLayout.html

Oder Sie können GridView verwenden und Ihre ScrollView verschrotten. https://developer.android.com/guide/topics/ui/layout/gridview.html

Answer 2

Ihre aktuelle Methode ist nicht sehr DRY. Sie konnten die GridLayout Dokumentation wörtlich fast kopieren und tauschen in der gewünschten Breite/Höhe Kombination:

<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gridview" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:columnWidth="100dp" 
    android:numColumns="auto_fit" 
    android:verticalSpacing="10dp" 
    android:horizontalSpacing="10dp" 
    android:stretchMode="columnWidth" 
    android:gravity="center" 
/> 

Dann in Ihrer eigenen ImageAdapter Klasse, in der eigenen ziehbar Ressourcen hinzufügen:

public View getView(int position, View convertView, ViewGroup parent) { 
     // more here 
     imageView.setImageResource(mThumbIds[position]); 
     return imageView; 
    } 

    // references to our images 
    private Integer[] thumbIds = { 
      R.drawable.youtube, 
      R.drawable.twitter, 
      R.drawable.sony, 
      // more here 
     };