title: Android: Images button layout vertically that will fit all screen sizes
body: <p>I'm having problems with my layout I want to arrange the image buttons vertically and I want it to have the same look for different screen sizes here is a print screen <a href="http://flic.kr/p/fwEZn1" rel="nofollow">http://flic.kr/p/fwEZn1</a></p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@drawable/chalk"
  android:gravity="center|fill_vertical"
  android:orientation="vertical" &gt;
  
  &lt;LinearLayout
      android:id="@+id/linearLayout1"
      android:layout_width="1000dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="104dp" &gt;
  
      &lt;ImageButton
          android:id="@+id/m"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginRight="62dp"
          android:layout_weight="1.30"
          android:background="@android:color/transparent"
          android:contentDescription="exam schedule button"
          android:onClick="ex"
          android:src="@drawable/exam" /&gt;
  
      &lt;ImageButton
          android:id="@+id/cl"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginRight="60dp"
          android:background="@android:color/transparent"
          android:contentDescription="classes button"
          android:onClick="cl"
          android:src="@drawable/list1" /&gt;
  
      &lt;ImageButton
          android:id="@+id/lec"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_weight="0.24"
          android:background="@android:color/transparent"
          android:contentDescription="lecture section button"
          android:onClick="lc"
          android:src="@drawable/sylla" /&gt;
  
      &lt;ImageButton
          android:id="@+id/gr"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginRight="20dp"
          android:layout_weight="3.36"
          android:background="@android:color/transparent"
          android:contentDescription="group button"
          android:onClick="gr"
          android:src="@drawable/group" /&gt;
        &lt;/LinearLayout&gt;
  
      &lt;LinearLayout
    android:id="@+id/linearLayout2"
    android:layout_width="1000dp"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/linearLayout1"
    android:layout_marginTop="123dp" &gt;
  
    &lt;ImageButton
        android:id="@+id/kl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="74dp"
        android:layout_weight="0.69"
        android:background="@android:color/transparent"
        android:contentDescription="calendar button"
        android:onClick="kl"
        android:src="@drawable/calendar" /&gt;
  
       &lt;ImageButton
        android:id="@+id/d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/pd"
        android:layout_marginRight="84dp"
        android:layout_weight="0.38"
        android:background="@android:color/transparent"
        android:contentDescription="Schedule button"
        android:onClick="sk"
        android:src="@drawable/sked" /&gt;
  
       &lt;ImageButton
        android:id="@+id/pd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/button1"
        android:layout_alignTop="@+id/an"
        android:layout_weight="0.16"
        android:background="@android:color/transparent"
        android:contentDescription="podcast button"
        android:onClick="pd"
        android:src="@drawable/podcast" /&gt;
  
    &lt;ImageButton
        android:id="@+id/an"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/kl"
        android:layout_marginLeft="60dp"
        android:layout_toRightOf="@+id/kl"
        android:layout_weight=".92"
        android:background="@android:color/transparent"
        android:contentDescription="announcement button"
        android:onClick="an"
        android:src="@drawable/announce" /&gt;
    &lt;/LinearLayout&gt;
    &lt;ImageButton
    android:id="@+id/button1"
    android:layout_width="53dp"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_marginBottom="106dp"
    android:layout_marginLeft="342dp"
    android:layout_weight="0.38"
    android:background="@android:color/transparent"
    android:contentDescription="logout button"
    android:onClick="logout"
    android:src="@drawable/logout"
    android:text="Logout" /&gt;
   &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>So basically I want to fix the arrangement of the images button. How can I do this? Do I need to resize images per drawable folder?</p>