如何在基於Android設備的屏幕上適合圖像視圖？

Question

我需要在設計Android設備的UI部分，

其實我有一個標題欄形象和四件菜單圖像。

我使用相對佈局設計此菜單。但每次出現問題都需要顯示設備中的最後一張圖片。

我該如何設計？請幫助我。

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>