2016-09-16 2 views
-3

하나의 레이아웃에서 3 개의 행에 9 개의 버튼을 사용하려고합니다. 그러나 일부 단추는 다른 단추보다 많은 텍스트를 포함하므로 단추가 맞지 않습니다.9 개의 버튼을 3 행에 넣고 맞추는 방법

enter image description here

내가 weightSum = 3LinearLayout의 각 행을 넣어 시도했지만 행이 사라 : 지금은 다음과 같습니다.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#32c6a6" 
    android:weightSum="3"> 

    <FrameLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_centerHorizontal="true" 
     android:layout_alignParentBottom="true" 
     android:id="@+id/kontaktfrag"> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="13 egenskaber" 
      android:id="@+id/button" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="left|top"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Profeternes egenskaber" 
      android:id="@+id/button10" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center_horizontal|top"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bøntider" 
      android:id="@+id/button2" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|top"/> 
     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu" 
      android:id="@+id/button3" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="left|center_vertical"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu's betingelser" 
      android:id="@+id/button4" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center"/> 

     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu's afbrydelser" 
      android:id="@+id/button5" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|center_vertical"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens søjler" 
      android:id="@+id/button6" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="left|bottom"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens betingelser" 
      android:id="@+id/button7" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center_horizontal|bottom"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens afbrydelser" 
      android:id="@+id/button8" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|bottom"/> 
    </FrameLayout> 

</LinearLayout > 

또한이 solution을 사용하려했지만, 그것은 내 문제가 해결되지 않았다.

+0

실제로 GridView를 사용해야합니다. 그런 다음에만 보조 목표 (tih와 관련 없음)로 가중치 사용 방법을 배웁니다. –

+0

TableLayout은 정상적으로 작동합니다. –

답변

2
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#32c6a6" 
    android:weightSum="3"> 
    <LinearLayout 
     android:orientation="horizontal" 
     android:minWidth="25px" 
     android:minHeight="25px" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@+id/linRow1" 
     android:layout_weight="1" 
     android:weightSum="3"> 
     <Button 
      android:text="13 egenskaber" 
      android:id="@+id/button" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      android:text="Profeternes egenskaber" 
      android:id="@+id/button10" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      android:text="Bøntider" 
      android:id="@+id/button2" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
    </LinearLayout> 
    <LinearLayout 
     android:orientation="horizontal" 
     android:minWidth="25px" 
     android:minHeight="25px" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@+id/linRow2" 
     android:layout_weight="1" 
     android:weightSum="3"> 
     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:text="Wudu" 
      android:id="@+id/button3" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      android:text="Wudu's betingelser" 
      android:id="@+id/button4" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:text="Wudu's afbrydelser" 
      android:id="@+id/button5" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
    </LinearLayout> 
    <LinearLayout 
     android:orientation="horizontal" 
     android:minWidth="25px" 
     android:minHeight="25px" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@+id/linRow3" 
     android:layout_weight="1" 
     android:weightSum="3"> 
     <Button 
      android:text="Bønnens søjler" 
      android:id="@+id/button6" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      android:text="Bønnens betingelser" 
      android:id="@+id/button7" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
     <Button 
      android:text="Bønnens afbrydelser" 
      android:id="@+id/button8" 
      android:textSize="15dp" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_weight="1" /> 
    </LinearLayout> 
</LinearLayout> 

enter image description here

확인이에서이

+0

프레임 레이 아웃은 어떻게됩니까? 당신이 그것을 제거, 나는 그것을 필요가 :) –

+0

다음 번에 더 많은 세부 사항을 넣어,이 대답은 당신의 문제를 해결. –

2
<?xml version="1.0" encoding="utf-8"?> 

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_centerHorizontal="true" 
    android:layout_alignParentBottom="true" 
    android:id="@+id/kontaktfrag"> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="13 egenskaber" 
     android:id="@+id/button" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="left|top"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Profeternes egenskaber" 
     android:id="@+id/button10" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="center_horizontal|top"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Bøntider" 
     android:id="@+id/button2" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="right|top"/> 
    <Button 
     style="?android:attr/buttonStyleSmall" 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Wudu" 
     android:id="@+id/button3" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="left|center_vertical"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Wudu's betingelser" 
     android:id="@+id/button4" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="center"/> 

    <Button 
     style="?android:attr/buttonStyleSmall" 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Wudu's afbrydelser" 
     android:id="@+id/button5" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="right|center_vertical"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Bønnens søjler" 
     android:id="@+id/button6" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="left|bottom"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Bønnens betingelser" 
     android:id="@+id/button7" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="center_horizontal|bottom"/> 

    <Button 
     android:layout_width="130dp" 
     android:layout_height="175dp" 
     android:text="Bønnens afbrydelser" 
     android:id="@+id/button8" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:textSize="15dp" 
     android:layout_gravity="right|bottom"/> 
</FrameLayout> 

봐. 모든 버튼을 같은 크기로 정의하십시오.

1
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="#32c6a6" 
android:orientation="vertical> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:id="@+id/kontaktfrag" 
    android:weightSum="3"> 

     <Button 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:text="13 egenskaber" 
      android:id="@+id/button" 
      android:textSize="15dp" 
      android:layout_gravity="left|top"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Profeternes egenskaber" 
      android:id="@+id/button10" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center_horizontal|top"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bøntider" 
      android:id="@+id/button2" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|top"/> 
     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu" 
      android:id="@+id/button3" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="left|center_vertical"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu's betingelser" 
      android:id="@+id/button4" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center"/> 

     <Button 
      style="?android:attr/buttonStyleSmall" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Wudu's afbrydelser" 
      android:id="@+id/button5" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|center_vertical"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens søjler" 
      android:id="@+id/button6" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="left|bottom"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens betingelser" 
      android:id="@+id/button7" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="center_horizontal|bottom"/> 

     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Bønnens afbrydelser" 
      android:id="@+id/button8" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      android:textSize="15dp" 
      android:layout_gravity="right|bottom"/> 
    </FrameLayout> 

</LinearLayout > 
관련 문제