0
Я новичок в разработке макета. В моем приложении есть экран запуска с сеткой, состоящей из 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>
Вы можете добавить дополнительные строки и столбцы между каждой кнопкой. –
В макете, представленной сверху, возможно, есть логика для проверки во время выполнения среды, в которой она запущена, I.e. правильно регулируется для всех размеров экрана. Ваш XML-макет очень статичен, вы можете получить его правильно для одного экрана, но не для другого. Я бы предложил использовать RecyclerView с GridLayoutManager с нашим собственным RecyclerView.ItemDecoration –