title: How to make UI in landscape mode
body: <p>I have a layout which looks perfect in portrait mode but looks worst in landscape mode, I also created different folder for landscape. Still now able to make it perfect for all screens in landscape. </p>
  
  <p>Here is the xml </p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:gravity="top|center"
  android:orientation="vertical"
  android:padding="5dp" &gt;
  
  &lt;RelativeLayout
      android:id="@+id/RelativeLayout1"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:background="@color/gray"
      android:gravity="center" &gt;
  
      &lt;TextView
          android:id="@+id/head"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignBaseline="@+id/imageView1"
          android:layout_alignParentTop="true"
          android:layout_marginBottom="10dp"
          android:layout_marginLeft="40dp"
          android:layout_marginRight="40dp"
          android:layout_marginTop="10dp"
          android:layout_toRightOf="@+id/imageView1"
          android:text="Choose Mode"
          android:textAppearance="?android:attr/textAppearanceMedium"
          android:textColor="#ffffff" /&gt;
  
      &lt;ImageView
          android:id="@+id/imageView2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_alignParentTop="true"
          android:src="@drawable/question_image" /&gt;
  
      &lt;ImageView
          android:id="@+id/imageView1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true"
          android:layout_alignParentTop="true"
          android:src="@drawable/menu_image" /&gt;
  
  &lt;/RelativeLayout&gt;
  
  &lt;ScrollView
      android:layout_width="fill_parent"
      android:layout_height="fill_parent" &gt;
  
      &lt;LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:orientation="vertical" &gt;
  
          &lt;TableLayout
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:gravity="center" &gt;
  
              &lt;TableRow
                  android:id="@+id/tableRow1"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:gravity="center" &gt;
  
                  &lt;Button
                      android:id="@+id/button1"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="1" /&gt;
  
                  &lt;Button
                      android:id="@+id/button2"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="2" /&gt;
  
                  &lt;Button
                      android:id="@+id/button3"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="3" /&gt;
  
                  &lt;Button
                      android:id="@+id/button4"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="4" /&gt;
  
                  &lt;Button
                      android:id="@+id/button5"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="5" /&gt;
              &lt;/TableRow&gt;
  
              &lt;TableRow
                  android:id="@+id/tableRow2"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:gravity="center" &gt;
  
                  &lt;Button
                      android:id="@+id/button6"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="6" /&gt;
  
                  &lt;Button
                      android:id="@+id/button7"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button8"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="8" /&gt;
  
                  &lt;Button
                      android:id="@+id/button9"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="9" /&gt;
  
                  &lt;Button
                      android:id="@+id/button10"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
              &lt;/TableRow&gt;
  
              &lt;TableRow
                  android:id="@+id/tableRow3"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:gravity="center" &gt;
  
                  &lt;Button
                      android:id="@+id/button11"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="8" /&gt;
  
                  &lt;Button
                      android:id="@+id/button12"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button13"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="9" /&gt;
  
                  &lt;Button
                      android:id="@+id/button14"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button15"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="8" /&gt;
              &lt;/TableRow&gt;
  
              &lt;TableRow
                  android:id="@+id/tableRow3"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:gravity="center" &gt;
  
                  &lt;Button
                      android:id="@+id/button16"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button17"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button18"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button19"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button20"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
              &lt;/TableRow&gt;
  
              &lt;TableRow
                  android:id="@+id/tableRow3"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:gravity="center" &gt;
  
                  &lt;Button
                      android:id="@+id/button21"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button22"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button23"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button24"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
  
                  &lt;Button
                      android:id="@+id/button25"
                      style="@style/box_sky_blue"
                      android:layout_weight="1"
                      android:text="7" /&gt;
              &lt;/TableRow&gt;
          &lt;/TableLayout&gt;
  
          &lt;LinearLayout
              android:layout_width="fill_parent"
              android:layout_height="50dp"
              android:gravity="center" &gt;
  
              &lt;ImageView
                  android:id="@+id/imageButton1"
                  android:layout_width="40dp"
                  android:layout_height="fill_parent"
                  android:layout_weight="0.25"
                  android:background="@drawable/reset" /&gt;
  
              &lt;ImageView
                  android:id="@+id/imageButton2"
                  android:layout_width="40dp"
                  android:layout_height="fill_parent"
                  android:layout_marginLeft="10dp"
                  android:layout_weight="0.25"
                  android:background="@drawable/check_solution" /&gt;
  
              &lt;ImageView
                  android:id="@+id/imageButton3"
                  android:layout_width="40dp"
                  android:layout_height="fill_parent"
                  android:layout_marginLeft="10dp"
                  android:layout_weight="0.25"
                  android:background="@drawable/hint" /&gt;
  
              &lt;ImageView
                  android:id="@+id/imageButton4"
                  android:layout_width="40dp"
                  android:layout_height="fill_parent"
                  android:layout_marginLeft="10dp"
                  android:layout_weight="0.25"
                  android:background="@drawable/next" /&gt;
          &lt;/LinearLayout&gt;
      &lt;/LinearLayout&gt;
  &lt;/ScrollView&gt;
  </code></pre>
  
  <p></p>
  
  <p>For portrait </p>
  
  <p><img src="https://i.stack.imgur.com/yiIrx.png" alt="enter image description here"></p>
  
  <p>For Landscape
  <img src="https://i.stack.imgur.com/Nk1Jj.png" alt="enter image description here"></p>
  
  <p>Do i need to remove the <strong>weight</strong> from those four icons, help me out :(</p>