android - Androidデバイスに基づいて画面に画像ビューを合わせる方法は?

Question

AndroidデバイスでUI部分を設計する必要があるのは、

実際には、1 つのタイトル バー画像と 4 つのメニュー画像があります。

このメニューのデザインには相対レイアウトを使用しています。しかし、デバイスに最後の画像を表示する際に問題が発生するたびに。

どうすればこれを設計できますか?助けてください。

Answer 1

それを達成するには、以下のコードを使用する必要があります..

<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" >

<Button
    android:id="@+id/btnHeader"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_marginTop="10dip" />

<Button
    android:id="@+id/btnMenu1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/btnHeader"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dip" />

<Button
    android:id="@+id/btnMenu2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/btnMenu1"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dip" />

<Button
    android:id="@+id/btnMenu3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/btnMenu2"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dip" />

<Button
    android:id="@+id/btnMenu4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/btnMenu3"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="10dip" />


</RelativeLayout>

Answer 2

以下のコードで試してみてください。

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

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/image1" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/image2" 
        android:layout_marginTop="10dp"
        android:layout_gravity="center"/>
    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/image3" 
        android:layout_marginTop="10dp"
        android:layout_gravity="center"/>
    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/image4" 
        android:layout_marginTop="10dp"
        android:layout_gravity="center"/>

</LinearLayout>