2017-01-09 2 views
0

저는 레이아웃을 디자인 할 때 새로운 습관입니다. 내 응용 프로그램에는 11 개의 버튼으로 구성된 그리드 레이아웃이있는 시작 화면이 있습니다. 나는 다소이그리드 레이아웃의 버튼간에 동일한 간격을 얻는 방법은 무엇입니까?

enter image description here

처럼 만들고 싶어하지만

enter image description here

그냥 내가 화면과 버튼 사이의 모든 측면에서 동일한 간격을 줄 수있는 방법을 알고 싶어지고 결국.

여기

<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> 
+0

각 버튼 사이에 행과 열을 추가 할 수 있습니다. –

+0

맨 위에 제공된 레이아웃에는 런타임에 실행중인 환경을 확인하는 논리가있을 수 있습니다. 모든 화면 크기에 맞게 올바르게 조정됩니다. XML 레이아웃은 매우 정적이어서 한 화면에서는 올바르게 표시되지만 다른 화면에서는 그렇지 않을 수도 있습니다. 나는 우리 자신의 RecyclerView.ItemDecoration과 함께 GridLayoutManager와 함께 RecyclerView를 사용할 것을 제안한다. –

답변

0

각 버튼에

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

추가 내 XML 코드입니다.