Android中具有相同layout_margin的複雜佈局

Question

我的layout_margin存在問題。我要讓我的佈局看起來像：

（以「A」是保證金）

我的問題是，當我建立我在其他屏幕尺寸的佈局，它看起來像：

我怎樣才能使它美麗與不同的屏幕尺寸？這是我的佈局：

<LinearLayout 
      android:id="@+id/footer_result_layout" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:orientation="vertical" 
      android:visibility="gone" > 

      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="0dp" 
       android:layout_gravity="center" 
       android:layout_weight="1" 
       android:gravity="center" 
       android:orientation="horizontal" > 

       <ImageView 
        android:id="@+id/btn_recommendtion" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:adjustViewBounds="true" 
        android:src="@drawable/coodinate" /> 
      </LinearLayout> 

      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="0dp" 
       android:layout_gravity="center" 
       android:layout_marginTop="20dip" 
       android:layout_weight="1" 
       android:gravity="center" 
       android:orientation="horizontal" > 

       <ImageView 
        android:id="@+id/btn_facebook" 
        android:layout_width="0dp" 
        android:layout_height="fill_parent" 
        android:layout_margin="5dip" 
        android:layout_weight="1" 
        android:adjustViewBounds="true" 
        android:src="@drawable/fb" /> 

       <ImageView 
        android:id="@+id/btn_mixi" 
        android:layout_width="0dp" 
        android:layout_height="fill_parent" 
        android:layout_margin="5dip" 
        android:layout_weight="1" 
        android:adjustViewBounds="true" 
        android:src="@drawable/mixi" /> 
      </LinearLayout> 
     </LinearLayout> 

Answer 1

嘗試使用相對佈局。 這裏是一個使用按鈕的例子。您可以用圖像視圖替換按鈕的值，並根據需要調整邊距。這應該按鈕居中，在任何屏幕上都有相同的邊距。

<Button 
    android:id="@+id/btn_1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:adjustViewBounds="true" 
    android:text="BUTTON 1" 
    android:layout_centerHorizontal="true"/> 

<LinearLayout 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content"   
    android:layout_below="@+id/btn_1" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="5dip" 
    android:orientation="horizontal" > 

    <Button 
     android:id="@+id/btn_2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:adjustViewBounds="true" 
     android:layout_margin="5dip" 
     android:text="BUTTON 2" /> 

    <Button 
     android:id="@+id/btn_3" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:adjustViewBounds="true" 
     android:layout_margin="5dip" 
     android:text="BUTTON 3" /> 


</LinearLayout> 

它看起來像這樣：

Answer 2

您需要使用RelativeLayout。

居中按鈕1與android:layout_alignParentTop="true"並將其與父頂端對齊android:layout_centerHorizontal="true並從那裏開始工作。

Answer 3

代碼： -

<?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"> 
<Button 
android:id="@+id/button1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Button 1" 
android:layout_margin="10dip" 
android:layout_centerHorizontal="true" 
android:layout_alignParentTop="true"/> 
<Button 
android:id="@+id/button2" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Button 2" 
android:layout_margin="10dip" 
android:layout_alignParentLeft="true" 
android:layout_below="@+id/button1"/> 
<Button 
android:id="@+id/button3" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Button 3" 
android:layout_margin="10dip" 
android:layout_alignParentRight="true" 
android:layout_below="@+id/button1"/> 
</RelativeLayout> 

考慮到a = 10