Android: What is the best way to design attached image for all different screen sizes?
<p>I am working on a game which will support multiple devices and I have a start screen. I have attached one image for the same. As in image there are three different text (Start, help, About us) for this I take three different buttons and adjust them according to text and make them invisible to make text clickable. But it works only for a specific screen and I cant be able to find a way to make it for multiple screens. I have alo attached my xml layout code which I have created for this. Please help me to solve this out...<img src="http://i.stack.imgur.com/t5GSG.png" alt="enter image description here"></p>

<pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/start_screen" &gt;

&lt;Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="175dp"
    android:background="#00000000" /&gt;

&lt;Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/button1"
    android:layout_centerVertical="true"
    android:background="#00000000" /&gt;

&lt;Button
    android:id="@+id/button3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/button2"
    android:layout_below="@+id/button2"
    android:background="#00000000" /&gt;
</code></pre>

<p></p>
