title: GridView with TextView in LinearLayout
body: <p>I am trying to develop small application for Android which computes users concentration. My idea is to show a matrix of images where user is forced to select given images in amount of time and compute how accurate user was. </p>
  
  <p>The problem is that I do not know, how to design a layout which combines TextViews and GridViews. </p>
  
  <p>I tried to make UI like this  but I was not succesfull.</p>
  
  <p>I thought that it is enough to place TextView1 into LinearLayout, then GridView1, TextView2, GridView2 and button. I tried more combinations which led to my failure. </p>
  
  <p>Could you give me a hint how to desing this layout, please?</p>
  
  <p>This is my layout:</p>
  
  <pre><code>&lt;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"&gt;
  
  &lt;TextView android:text="@+id/TextView01" 
          android:id="@+id/TextView01" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"&gt;
          &lt;/TextView&gt;
  
  &lt;LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"&gt;
  
      &lt;ImageView android:id="@+id/ImageView01" 
      android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;
      &lt;/ImageView&gt;
  
      &lt;ImageView android:id="@+id/ImageView02" 
      android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;
      &lt;/ImageView&gt;
  
      &lt;ImageView android:id="@+id/ImageView03" 
      android:layout_width="wrap_content" android:layout_height="wrap_content"&gt;
      &lt;/ImageView&gt;
  &lt;/LinearLayout&gt;
  
  &lt;TextView android:text="@+id/TextView02" 
          android:id="@+id/TextView02" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"&gt;
  &lt;/TextView&gt;
  &lt;LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="0.4"&gt;
  
      &lt;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"&gt;
      &lt;/GridView&gt;
  &lt;/LinearLayout&gt;
  &lt;LinearLayout android:id="@+id/LinearLayout01" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"&gt;
  
            &lt;Button android:text="@+id/Button01" 
                    android:id="@+id/Button01" 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content"&gt;&lt;/Button&gt;
            &lt;Button android:text="@+id/Button02" 
                    android:id="@+id/Button02" 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content"&gt;&lt;/Button&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've managed to have more columns in gridview and get there to a single row as many images as I can. But I can't set the height of a row, only width of a column. Images in gridview are magnified and I can't see a method to set them to their original size.</p>