GridView mit TextView in LinearLayout

Question

Ich versuche, kleine Anwendung für Android zu entwickeln, die Benutzer Konzentration berechnet. Meine Idee ist es, eine Matrix von Bildern zu zeigen, in denen der Benutzer gezwungen ist, bestimmte Bilder in einer bestimmten Zeit auszuwählen und zu berechnen, wie genau der Benutzer war.

Das Problem ist, dass ich nicht weiß, wie Sie ein Layout entwerfen, das TextViews und GridViews kombiniert.

Ich habe versucht, UI so zu machen, aber ich war nicht erfolgreich.

Ich dachte, dass es ausreicht, TextView1 in LinearLayout, dann GridView1, TextView2, GridView2 und Schaltfläche zu platzieren. Ich habe mehr Kombinationen ausprobiert, was zu meinem Versagen geführt hat.

Können Sie mir bitte einen Hinweis geben, wie Sie dieses Layout entwerfen können?

Das ist mein Layout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/root" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"> 

<TextView android:text="@+id/TextView01" 
     android:id="@+id/TextView01" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"> 
     </TextView> 

<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 

    <ImageView android:id="@+id/ImageView01" 
    android:layout_width="wrap_content" android:layout_height="wrap_content"> 
    </ImageView> 

    <ImageView android:id="@+id/ImageView02" 
    android:layout_width="wrap_content" android:layout_height="wrap_content"> 
    </ImageView> 

    <ImageView android:id="@+id/ImageView03" 
    android:layout_width="wrap_content" android:layout_height="wrap_content"> 
    </ImageView> 
</LinearLayout> 

<TextView android:text="@+id/TextView02" 
     android:id="@+id/TextView02" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
</TextView> 
<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="0.4"> 

    <GridView android:id="@+id/GridView01" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:numColumns="auto_fit" 
     android:columnWidth="25px" 
     android:stretchMode="none"> 
    </GridView> 
</LinearLayout> 
<LinearLayout android:id="@+id/LinearLayout01" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"> 

      <Button android:text="@+id/Button01" 
        android:id="@+id/Button01" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"></Button> 
      <Button android:text="@+id/Button02" 
        android:id="@+id/Button02" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"></Button> 
</LinearLayout> 

Ich habe es geschafft, mehr Spalten in gridview haben und dort eine einzelne Zeile so viele Bilder zu bekommen, wie ich kann. Aber ich kann die Höhe einer Zeile nicht festlegen, nur die Breite einer Spalte. Bilder in der Gitteransicht werden vergrößert und ich kann keine Methode sehen, um sie auf ihre ursprüngliche Größe zu setzen.

Answer 1

möchte ich Nest legen nahe, alles, was zu einem Linear-Layout setzen dann 3 Linear-Layout

die erste wird die obere Leiste haben (Taste s Textview usw.) die zweite wird die Gridview Die dritte der muss haben untere Leiste (Taste s Textansicht usw.) Sie können auch die Linear Layouts füllen Eltern auf Höhe und Breite und setzen Layout Gewicht zu ersten 1 bis Sekunde 0,5 und dritte 1 und es wird sie in den Prozentsatz der Höhe, die Sie uns zeigen auf dem Bild ... Probieren Sie es aus und sagen Sie uns

Answer 2

Ich empfehle ein wenig Zeit zu lesen über Common Layout Objects. Eine weitere gute Ressource ist Hello, Views, eine Sammlung von vielen guten Tutorials für die Verwendung verschiedener Layouts.