title: Layout design: SurfaceView doesn't display
body: <p>I have built a layout that can display a picture on three different areas. It didn't matter when I used an imageview but somehow it does not work with a surfaceview. There are basically three areas like below, and the third area(or area no.3) is where I want to put a picture through surfaceview</p>
  
  <pre><code><a href="http://imageshack.us/m/202/3189/000hjb.jpg" rel="nofollow noreferrer">http://imageshack.us/m/202/3189/000hjb.jpg</a></code></pre>
  
  <p>A picture made by SurfaceView could be displayed on the area no.1, but not on 2 and 3 like below.</p>
  
  <pre><code><a href="http://img215.imageshack.us/img215/9891/111lcv.jpg" rel="nofollow noreferrer">http://img215.imageshack.us/img215/9891/111lcv.jpg</a></code></pre>
  
  <p>Below is a screenshot that I tried with an imageview, and they had no problem.</p>
  
  <pre><code><a href="http://imageshack.us/m/199/7231/222mlr.jpg" rel="nofollow noreferrer">http://imageshack.us/m/199/7231/222mlr.jpg</a></code></pre>
  
  <p>I have no idea to figure out. What I want to do is putting a picture made by SurfaceView on area 2 and 3 whose id is <strong>tableRow_cardImage</strong> - TableRow - and <strong>assistant_cardboard</strong> - LinearLayout.</p>
  
  <p>If anyone has an idea to figure out this, would you please help me?</p>
  
  <p>Thanks in advance and below is my xml code of layout</p>
  
  <pre><code>
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      >
  &lt;LinearLayout android:id="@+id/header" android:layout_height="wrap_content" android:layout_width="match_parent">
      &lt;TextView android:id="@+id/header_life_title" android:textSize="20sp" android:text="Life: " android:layout_height="wrap_content" android:layout_width="wrap_content">&lt;/TextView>
      &lt;TextView android:id="@+id/header_life_value" android:textSize="20sp" android:text="20" android:layout_height="wrap_content" android:layout_width="wrap_content">&lt;/TextView>
      &lt;Button android:text="Inc." android:id="@+id/header_btn_inc" android:layout_width="wrap_content" android:layout_height="35dp" android:layout_gravity="center_vertical">
      &lt;Button android:text="Dec." android:id="@+id/header_btn_dec" android:layout_width="wrap_content" android:layout_height="35dp">
      &lt;Button android:text="Put L." android:id="@+id/header_btn_putLand" android:layout_width="wrap_content" android:layout_height="35dp">
      &lt;Button android:text="Remove L." android:id="@+id/header_btn_removeLand" android:layout_width="wrap_content" android:layout_height="35sp">
      &lt;LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:id="@+id/land_space">
      &lt;/LinearLayout>
  &lt;/LinearLayout>
      &lt;ScrollView android:id="@+id/scrollView1" android:layout_height="wrap_content" android:layout_width="match_parent">
          &lt;LinearLayout android:id="@+id/linearLayoutInScrollview"
              android:orientation="horizontal" 
              android:layout_height="wrap_content"
              android:layout_width="wrap_content">
              &lt;TableLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/cardboard">
                  &lt;LinearLayout android:layout_height="40dp"
                      android:layout_width="wrap_content" android:id="@+id/layout_menu">
                      &lt;Spinner android:id="@+id/spinner_creature"
                          android:layout_height="wrap_content" 
                          android:layout_width="130dp">
                      &lt;Button android:id="@+id/btn_creature"
                          android:layout_height="wrap_content" 
                          android:layout_width="wrap_content" android:text="Cast">
                      &lt;Spinner android:id="@+id/spinner_noncreature"
                          android:layout_height="wrap_content" 
                          android:layout_width="130dp">
                      &lt;Button android:id="@+id/btn_noncreature"
                          android:layout_height="wrap_content" 
                          android:layout_width="wrap_content" android:text="Cast">
                      &lt;Button android:id="@+id/btn_delete"
                          android:layout_height="wrap_content" 
                          android:layout_width="wrap_content" android:text="Del.">&lt;/Button>
                  &lt;/LinearLayout>
  
                  &lt;TableRow android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/tableRow_cardImage">
                  &lt;TableRow android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/tableRow_cardData">
                  &lt;TableRow android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/tableRow_cardImage2">
                  &lt;TableRow android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/tableRow_cardData2">
              &lt;/TableLayout>
              &lt;LinearLayout android:layout_height="wrap_content" android:layout_width="wrap_content"
                  android:id="@+id/assistant_cardboard"
                  android:orientation="vertical" >
                  &lt;ImageView android:src="@drawable/icon" android:layout_height="wrap_content" android:id="@+id/imageView1" android:layout_width="wrap_content">&lt;/ImageView>
              &lt;/LinearLayout>
          &lt;/LinearLayout>
      &lt;/ScrollView>
  &lt;/LinearLayout>
  </code></pre>