如何在網格佈局上的按鈕之間獲得相等的間距？

我是設計佈局的新手。我的應用程序有一個啓動屏幕，網格佈局由11個按鈕組成。我要讓有點像這個如何在網格佈局上的按鈕之間獲得相等的間距？

但最終獲得該

只是想知道我怎麼可以給從屏幕和按鍵之間的每個側面間距相等。

這裏是我的XML代碼

<ScrollView android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 

<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" 
    tools:context="{relativePackage}.${activityClass}" 
    > 

    <GridLayout 
     android:id="@+id/gridV" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 

     android:columnCount="2" 

     android:layout_alignParentTop="true" 
     android:layout_alignParentStart="true"> 

     <Button 

      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="200dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 1" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 

      android:id="@+id/th1" 

      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="200dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 2" 

      android:id="@+id/th2" 
      /> 


     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 3" 
      android:id="@+id/th3" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 

      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 4" 
      android:id="@+id/th4" 

      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 5" 
      android:id="@+id/th5" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 6" 
      android:id="@+id/th6" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 7" 
      android:id="@+id/th7" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 8" 
      android:id="@+id/th8" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 9" 
      android:id="@+id/th9" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 10" 
      android:id="@+id/th10" 
      /> 
     <Button 
      android:textColor="#FFFFFF" 
      android:textSize="20sp" 
      android:layout_width="130dp" 
      android:layout_height="180dp" 
      android:background="@drawable/button_townhall" 
      android:shadowColor="#A8A8A8" 
      android:shadowDx="0" 
      android:shadowDy="0" 
      android:shadowRadius="5" 
      android:text="Town Hall 11" 
      android:id="@+id/th11" 
      android:layout_marginLeft="30dp" 
      android:layout_marginRight="70dp" 
      /> 

    </GridLayout> 

</RelativeLayout> 

</ScrollView>

來源

2017-01-09 Ekam Dz Singh

您可以在每個按鈕之間添加其他行和列。 –

頂部提供的佈局可能具有在運行時檢查其運行環境的邏輯，即，爲所有屏幕尺寸正確調整。您的XML佈局非常靜態，您可以在一個屏幕上正確顯示，但不能顯示另一個屏幕。我建議使用帶有我們自己的RecyclerView.ItemDecoration的GridLayoutManager的RecyclerView –

添加

android:layout_marginTop="30dp" 
android:layout_marginBottom="30dp"

到每個按鈕。

來源

2017-01-09 20:24:28

如何在網格佈局上的按鈕之間獲得相等的間距？

回答

相關問題