Android xml layout для всего размера экрана

Question

Я хочу создать xml-файл для всего макета, который сохраняет одинаковое соотношение и позицию в устройстве.

Здесь мой дизайн-макет, который я хочу создать:

Вот мой макет XML-файл: Когда я использую этот XML, в каком экране круглая кнопка не такой же размер, как мой верхний образ, и вид текста (0.0km) середина «изображения» вид и «круглая кнопка» не в среднем положении:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" > 

<RelativeLayout 
    android:id="@+id/relativeLayout1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 

    <ImageView 
     android:id="@+id/imageView1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_marginTop="50dp" 
     android:layout_alignParentTop="true" 

     android:src="@drawable/firstscreenimage" /> 

</RelativeLayout> 

<TextView 
    android:id="@+id/textView1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/button1" 
    android:layout_alignParentLeft="true" 
    android:layout_marginBottom="92dp" 
    android:gravity="right" 
    android:text="0.0km" 
    android:textSize="130dp" /> 

<Button 
    android:id="@+id/button1" 
    android:layout_width="400dp" 
    android:layout_height="400dp" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="150dp" 
    android:background="@drawable/animation0" /> 


<TextView 
    android:id="@+id/textView2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignBaseline="@+id/button1" 
    android:textSize="35dp" 
    android:layout_alignBottom="@+id/button1" 
    android:layout_centerHorizontal="true" 
    android:text="Start" /> 

<EditText 
    android:id="@+id/campa" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="23dp" 
    android:ems="10" > 

    <requestFocus /> 
</EditText> 

</RelativeLayout> 

Вот неправильная раскладка:

Пожалуйста, помогите мне, извините за мой бедный английский. Спасибо ....

Answer 1

Попробуйте

<?xml version="1.0" encoding="utf-8"?> 
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical" > 

     <RelativeLayout 
      android:id="@+id/relativeLayout1" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" > 

      <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_marginTop="50dp" 
       android:layout_alignParentTop="true" 

       android:src="@drawable/firstscreenimage" /> 

     </RelativeLayout> 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_above="@+id/button1" 
      android:layout_alignParentRight="true" 
      android:layout_marginRight="10dp" 
      android:gravity="right" 
      android:text="0.0km" 
      android:textSize="130dp" /> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="400dp" 
      android:layout_height="400dp" 
      android:layout_centerInParent="true" 
      android:background="@drawable/animation0" /> 




<TextView 
android:id="@+id/textView2" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_alignBaseline="@+id/button1" 
android:textSize="35dp" 
android:layout_alignBottom="@+id/button1" 
android:layout_centerHorizontal="true" 
android:text="Start" /> 

<EditText 
    android:id="@+id/campa" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="23dp" 
    android:ems="10" > 

    <requestFocus /> 
</EditText> 

</RelativeLayout> 

Answer 2

Вы должны использовать другой размер изображения и различные схемы.

http://developer.android.com/design/style/iconography.html

http://developer.android.com/guide/practices/screens_support.html