How to create layout with android's different display size

My problem born when i create layout in xml file from graphics tool. RelativeLayout is awful! i don't know which layout to use.. When i put an imageview and a imagebutton, in emulator will displayed in a bad way, one apon the other. what can i do? is there a good tutoria开发者_运维技巧l on which i can learn how to resize image and layout in percent of different displays size? i Try this :

 <RelativeLayout android:layout_width="match_parent" android:id="@+id/relativeLayout1" android:layout_height="match_parent">
    <LinearLayout android:layout_width="wrap_content" android:id="@+id/linearLayout1" android:orientation="vertical" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignParentLeft="true">
        <ImageView android:id="@+id/imageView1" android:src="@drawable/testotrova" android:layout_width="243dp" android:layout_height="48dp"></ImageView>
    </LinearLayout>
    <ImageButton android:layout_width="wrap_content" android:src="@drawable/info" android:layout_height="wrap_content" android:id="@+id/imageButton1" android:layout_alignParentTop="true" android:layout_alignParentRight="true"></ImageButton>
</RelativeLayout>

but when i display it isn't good

---

Regarding support for multiple screens, have a look here.
You will need to add different layouts for screen size small, normal and large.

---

They are displayed one upon the other because you are using RelativeLayour and they are both (Image and text) anchored to the upper left:

android:layout_alignParentTop="true" android:layout_alignParentLeft="true"

I strongly suggest you to use LinearLayout if you have only a few items. (http://www.learn-android.com/2010/01/05/android-layout-tutorial/4/)

For your image size, if you want a percent, please use:

    android:layout_height="0dip"
    android:layout_weight="1" 

http://developer.android.com/resources/articles/layout-tricks-efficiency.html