带有LinearLayout的Android网格

Question

我试图用一些线性布局来构建网格。 不幸的是，“网格”内的按钮填充所有空间，“网格”并不总是相同的大小。

<ScrollView 
xmlns:tools="http://schemas.android.com/tools" 
xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="wrap_content" 
    android:id="@+id/scrollView1" 
    android:layout_width="fill_parent" 
    android:layout_weight="1"> 
<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center_horizontal" 
    android:orientation="vertical" > 

    <ImageView 
    android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/banner" 
    android:background="#80000000" 
    android:contentDescription="@string/about"/> 

    <LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:layout_marginTop="15dp" 
    android:gravity="center_horizontal" 
    android:text="@string/modi1" 
    tools:context=".MenuActivity" /> 
    <TextView 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:layout_marginTop="15dp" 
    android:gravity="center_horizontal" 
    android:text="@string/modi2" 
    tools:context=".MenuActivity" /> 
    </LinearLayout> 

    <LinearLayout  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center" 
    android:text="@string/szen_diagramm" /> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center"   
    android:text="@string/szen_countdown" /> 
    </LinearLayout> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center" 
    android:text="@string/szen_diagramm" /> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center"   
    android:text="@string/szen_countdown" /> 
    </LinearLayout> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center" 
    android:text="@string/szen_diagramm" /> 
    <Button 
    android:layout_marginTop="10dp" 
    android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:gravity="center"   
    android:text="@string/szen_countdown" /> 
    </LinearLayout> 
</LinearLayout> 
</ScrollView> 

它应该是这个样子 this 与中心的按钮，并在他们里面的文字需要的大小。

任何人都可以帮助我吗？

Answer 1

试试这个。

<ScrollView xmlns:tools="http://schemas.android.com/tools" 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/scrollView1" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" > 

<TableLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <TableRow> 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:background="#80000000" 
      android:contentDescription="ImageView" 
      android:layout_span="2" 
      android:src="@drawable/banner" /> 
    </TableRow> 

    <TableRow> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="15dp" 
      android:layout_weight="2" 
      android:gravity="center_horizontal" 
      android:text="modi1" /> 

     <TextView 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="15dp" 
      android:layout_weight="2" 
      android:gravity="center_horizontal" 
      android:text="modi2" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_diagramm" /> 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_countdown" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_diagramm" /> 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_countdown" /> 
    </TableRow> 

    <TableRow> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_diagramm" /> 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dp" 
      android:layout_weight="2" 
      android:gravity="center" 
      android:text="szen_countdown" /> 
    </TableRow> 
</TableLayout> 

这是怎么显示我

Answer 2

删除android：layout_weight =“1”以避免按钮填满所有空间。

你应该尝试使用TableLayout和几个的TableRow来替换包含的按钮进行LinearLayouts，从而创造一个良好格式化网格

Answer 3

我有一个类似的问题，解决了在插入一个的TableRow的LinearLayout。查看发布的xml代码并验证它是否符合您的要求。

<TableRow 
    android:layout_gravity="fill_horizontal" 
    android:paddingTop="@dimen/table_row_padding_top" > 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="2" 
      android:gravity="center_horizontal" 
      android:orientation="vertical" > 

      <ImageButton 
       android:contentDescription="@string/str_phone" 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" 
       android:background="@drawable/icon_phone" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" 
       android:layout_gravity="center_horizontal" 
       android:text="@string/str_phone" 
       android:textColor="#000000" 
       android:textSize="12sp" /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="2" 
      android:gravity="center_horizontal" 
      android:orientation="vertical" > 

      <ImageButton 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" 
       android:background="@drawable/icon_car" 
       android:contentDescription="@string/str_car" /> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="match_parent" 
       android:layout_gravity="center_horizontal" 
       android:text="@string/str_car" 
       android:textColor="#000000" 
       android:textSize="12sp" /> 
     </LinearLayout> 

</TableRow>