title: How to show one layout on top of the other programmatically in my case?
body: <p>My main layout <strong>main.xml</strong> simply contains two LinearLayouts:</p>
  
  <ul>
  <li>The 1st <code>LinearLayout</code> hosts a <code>VideoView</code> and a <code>Button</code>,</li>
  <li>The 2nd <code>LinearLayout</code> hosts an <code>EditText</code>, and this <code>LinearLayout</code> has set the <strong>visibility</strong> value to "<strong>GONE</strong>" (<code>android:visibility="gone"</code>)</li>
  </ul>
  
  <p>like below:</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
      android:layout_height="fill_parent" 
      android:layout_width="fill_parent"
          android:orientation="vertical"
  &gt;
      &lt;LinearLayout 
          android:id="@+id/first_ll"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:orientation="horizontal"
  
      &gt;
          &lt;VideoView 
              android:id="@+id/my_video"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="9"
          /&gt;
  
          &lt;Button
              android:id="@+id/my_btn"
              android:layout_width="30dip" 
              android:layout_height="30dip"
              android:layout_gravity="right|bottom"
                  android:layout_weight="1"
          /&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout 
          android:id="@+id/second_ll"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:paddingTop="2dip"
  
          android:visibility="gone"
      &gt;
          &lt;EditText 
              android:id="@+id/edit_text_field"
              android:layout_height="40dip"
              android:layout_width="fill_parent"
              android:layout_weight="5"
              android:layout_gravity="center_vertical"
          /&gt;
  
      &lt;/LinearLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I successfully implemented the feature that when the <code>Button</code> (with id my_btn) is pressed, the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> field is shown, with the following Java code:</p>
  
  <pre><code>LinearLayout secondLL = (LinearLayout) findViewById(R.id.second_ll);
  
  Button myBtn = (Button) findViewById(R.id.my_btn);
  myBtn.setOnClickListener(new OnClickListener(){
      @Override
      public void onClick(View v){
          int visibility = secondLL.getVisibility();
  
          if(visibility==View.GONE)
              secondLL.setVisibility(View.VISIBLE);
  
      }
  }); 
  </code></pre>
  
  <p>With the above Java code, the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> is shown like <strong>appending below</strong> the <strong>1st</strong> <code>LinearLayout</code> which makes sense. </p>
  
  <p><strong>BUT</strong>, What I need is:  when <code>Button</code>(id: my_btn) is pressed, the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> <strong>is shown on top of</strong> the <strong>1st</strong> <code>LinearLayout</code>, which looks like the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> is rising from the bottom of screen, and the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> only occupy part of the screen from bottom, that's the 1st LinearLayout still visible, like the image below showed:</p>
  
  <p><img src="https://i.stack.imgur.com/fz9MW.png" alt="enter image description here"></p>
  
  <p>So, when <code>Button</code>(id: my_btn) is pressed how to show the <strong>2nd</strong> <code>LinearLayout</code> with <code>EditText</code> <strong>on top of</strong> the <strong>1st</strong> <code>LinearLayout</code> instead of appending <strong>2nd</strong> <code>LinearLayout</code> below <strong>1st</strong> <code>LinearLayout</code> programmatically?  </p>