在android中安裝三個按鈕和一個背景圖像

Question

我正在嘗試開發一個Android應用程序，該應用程序應該看起來像我上個月所做的一個iOS。有一個背景圖像和三個按鈕的視圖。背景圖片有一個標題部分和一個頁腳部分，我需要三個按鈕來保持這兩部分。這是從iOS版本的截圖和我的android活動所需的輸出：

現在我現在有作爲活動佈局文件：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:background="@drawable/fondo_pantalla"> > 
<Button 
     android:id="@+id/button2" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/button1" 
     android:drawableLeft="@drawable/actividades_izq" 
     android:text="Actividades" /> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:drawableLeft="@drawable/agenda_izq" 
     android:paddingTop="60dp" 
     android:text="Agenda" /> 

    <Button 
     android:id="@+id/button3" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_below="@+id/button2" 
     android:drawableLeft="@drawable/suscribete_izq" 
     android:text="Recibir Información de Juventud" /> 

</RelativeLayout> 

我想的是，在縱向模式下，所有設備上的佈局看起來都相同或非常相似。

現在它看起來非常不同，具體取決於屏幕大小。

任何幫助是值得歡迎的。

Answer 1

我認爲使用線性佈局與重量將解決您的問題。嘗試這個。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:weightSum="3" 
    android:background="@drawable/ic_action_search"> 


    <Button 
     android:id="@+id/button1" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:drawableLeft="@drawable/ic_launcher" 
     android:text="Agenda" /> 
    <Button 
     android:id="@+id/button2" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:drawableLeft="@drawable/ic_action_search" 
     android:text="Actividades" /> 

    <Button 
     android:id="@+id/button3" 
     android:layout_width="fill_parent" 
     android:layout_height="0dp" 
     android:layout_weight="1" 
     android:drawableLeft="@drawable/fail" 
     android:text="Recibir Información de Juventud" /> 

</LinearLayout> 

Answer 2

試試這個，讓我知道結果。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:background="@drawable/fondo_pantalla"> > 
    <Button 
    android:id="@+id/button2" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_below="@+id/button1" 
    android:drawableLeft="@drawable/actividades_izq" 
    android:text="Actividades" 
    layout_weight="1" /> 

    <Button 
    android:id="@+id/button1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:drawableLeft="@drawable/agenda_izq" 
    android:paddingTop="60dp" 
    android:text="Agenda" 
    layout_weight="1"/> 

    <Button 
    android:id="@+id/button3" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:drawableLeft="@drawable/suscribete_izq" 
    android:text="Recibir Información de Juventud" 
    layout_weight="1"/> 

</LinearLayout> 

Answer 3

可以先把BUTTON2到：

android:layout_centerInParent="true" 

和Button1以：

android:above="@+id\button2" 

這樣，至少它的中心，並且可以調整更好的屏幕尺寸。

Answer 4

我認爲你的問題是試圖提供所有屏幕大小和密度的佈局。這幾乎是不可能的。但你可以做的是在res文件夾中創建單獨的文件夾

layout-small 
layout-medium 
layout-large 

依此類推。請仔細閱讀本文，因爲在您的預覽中，您幾乎可以使用一種佈局來支持幾乎所有的屏幕大小和密度......

將您的自定義佈局放入單獨的佈局文件夾中，以便爲用戶提供他們想要的體驗。希望它有幫助;）