0

携帯電話と同じようにすべてのデバイスに表示されるレイアウトを作成したいと思います。タブレットで動作するようにしようとしましたが、ひどいようです。これがどのように見えるべきかです： ここに画像の説明を入力してください

ただし、このタブレットエミュレータでの表示方法は次のとおりです。 ここに画像の説明を入力してください

携帯電話のようにすべての画面サイズで表示するにはどうすればよいですか？現在、RelativeLayoutを使用しています。これが私のコードです：

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout02"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<ImageView
    android:id="@+id/terranlogo1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_centerHorizontal="true"
    android:src="@drawable/terranlogo" />

<ImageView
    android:id="@+id/protosslogo1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentRight="true"
    android:src="@drawable/protosslogo" />

<ImageView
    android:id="@+id/zerglogo1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentLeft="true"
    android:src="@drawable/zerglogo" />

<CheckBox
    android:id="@+id/ck_t1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/terranlogo1"
    android:layout_centerHorizontal="true" />

<CheckBox
    android:id="@+id/ck_p1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@id/protosslogo1"
    android:layout_below="@id/protosslogo1"
    android:layout_marginLeft="25dp" />

<CheckBox
    android:id="@+id/ck_z1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@id/zerglogo1"
    android:layout_below="@id/zerglogo1"
    android:layout_marginLeft="25dp" />

<ImageView
    android:id="@+id/terranlogo2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_below="@id/ck_t1"
    android:layout_centerHorizontal="true"
    android:src="@drawable/terranlogo" />

<ImageView
    android:id="@+id/protosslogo2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentRight="true"
    android:layout_below="@id/ck_p1"
    android:src="@drawable/protosslogo" />

<ImageView
    android:id="@+id/zerglogo2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/ck_z1"
    android:src="@drawable/zerglogo" />

<CheckBox
    android:id="@+id/ck_t2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/terranlogo2"
    android:layout_centerHorizontal="true" />

<CheckBox
    android:id="@+id/ck_p2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@id/protosslogo1"
    android:layout_below="@id/protosslogo2"
    android:layout_marginLeft="25dp" />

<CheckBox
    android:id="@+id/ck_z2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@id/zerglogo1"
    android:layout_below="@id/zerglogo2"
    android:layout_marginLeft="25dp" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/ck_t2"
    android:layout_marginRight="18dp"
    android:layout_marginTop="17dp"
    android:gravity="center_vertical|center_horizontal"
    android:text="Choose your opponets race(s) and your race(s)"
    android:textSize="30dp" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:text="Game Length"
    android:textSize="15dp" />

<Spinner
    android:id="@+id/s_answertime"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/textView1"
    android:layout_alignParentLeft="true"
    android:layout_below="@id/textView4" />

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/terranlogo2"
    android:layout_alignParentBottom="true"
    android:gravity="center_horizontal"
    android:text="Mistakes Allowed"
    android:textSize="15dp" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="Answer Time"
    android:textSize="15dp" />





<Spinner
    android:id="@+id/s_mistakenumber"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/s_answertime"
    android:layout_alignTop="@+id/s_answertime"
    android:layout_toLeftOf="@+id/s_gametime"
    android:layout_toRightOf="@+id/s_answertime" />



<Spinner
    android:id="@+id/s_gametime"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_above="@+id/textView3"
    android:layout_alignLeft="@+id/protosslogo2"
    android:layout_alignTop="@+id/s_mistakenumber" />

</RelativeLayout>

Lijap、すべての助けに感謝します。

4

1 に答える 1

1

スピナーは、layout_above と layout_below を設定したため引き伸ばされ、両方の基準に対応するように引き伸ばされます。これらのいずれか (おそらく layout_above) を削除し、適切な固定の高さ (75 dp?) を設定します。

また、左端/右端のアイコン/チェックボックスは、健全な margin_left/right=50dp で見栄えが良くなり、画面の端まで伸びないようにします。

于 2012-07-06T20:39:13.880 に答える