【问题标题】:TableLayout will not match_parent LinearLayout widthTableLayout 将不匹配_parent LinearLayout 宽度
【发布时间】:2013-11-28 06:18:07
【问题描述】:

我需要一个 TableLayout 来匹配它的父 LinearLayout 的宽度,但我无法让它工作。

在下面的第一个屏幕截图中,“短标题”是垂直 LinearLayout 中的第一个视图。下面的“字段”是 TableLayout 的成员,它是垂直 LinearLayout 中的第二个视图。

当“标题”文本不需要像 TableLayout 那样大的宽度时,所有内容都会按预期对齐。

当 "Header" 需要比 TableLayout 更大的宽度时,TableLayout 与 "Header" 的宽度不匹配,如您在第二个屏幕截图中看到的那样。

如何使 TableLayout 与 LinearLayout 的宽度相匹配?

注意:基本的 LinearLayout 需要“换行”到显示其内容所需的最小宽度,因此设置固定宽度不是解决方案

此测试的布局 XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/mainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <LinearLayout 
       android:id="@+id/baseLinerLayout"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:orientation="vertical"
       android:background="#FFAAAAAA" >

       <TextView
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:padding="10dp"
           android:background="#FF000000"
           android:textColor="#FFFFFFFF"
           android:text="Long header to make base layout wider than table layout" />

          <TableLayout 
            android:id="@+id/tableLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#33FFFFFF" >

            <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

                <TextView
                    android:gravity="center"
                    android:padding="10dp"
                    android:background="#44FFFFFF"
                    android:textColor="#FF000000"
                    android:text="Field (0,0)" />

                <TextView
                    android:gravity="center"
                    android:padding="10dp"
                    android:background="#88FFFFFF"
                    android:textColor="#FF000000"
                    android:text="Field (0,1)" />

            </TableRow>

            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

                <TextView
                    android:gravity="center"
                    android:padding="10dp"
                    android:background="#88FFFFFF"
                    android:textColor="#FF000000"
                    android:text="Field (0,1)" />

            </TableRow>
        </TableLayout>
   </LinearLayout>
</RelativeLayout>

【问题讨论】:

    标签: android android-tablelayout


    【解决方案1】:
    <TableRow
         android:id="@+id/tableRow1"
         android:layout_width="match_parent"
         android:layout_height="wrap_content" >
    
         <TextView
               android:layout_weight="1 --- this worked for me"  
               android:gravity="center"
               android:padding="10dp"
               android:background="#44FFFFFF"
               android:textColor="#FF000000"
               android:text="Field (0,0)" />
        <TextView
               android:layout_weight="1"
               android:gravity="center"
               android:padding="10dp"
               android:background="#88FFFFFF"
               android:textColor="#FF000000"
               android:text="Field (0,1)" />
    
    </TableRow>
    

    【讨论】:

    • 谢谢。我尝试设置android:stretchColumns="1" 以使第二列拉伸并填充表格的空白宽度,但它使表格填充了屏幕的宽度。您将每行中第二个视图的权重设置为 1 的建议实现了我认为 stretchColumns 的目的是通过阅读 API 文档来实现。它表明stretchColumns 属性可能有点损坏吧?
    • 有时某些属性应该有效但无效。我认为这可能是因为某些父风格或最糟糕的版本问题
    【解决方案2】:

    您需要在 java 文件中以编程方式获取基本线性布局的宽度 ...

    How to get width ? Check here

    之后你可以将表格布局的宽度设置为相同的宽度

      TableLayout layout = (TableLayout)findViewById(R.id.tableLayout);
        // Gets the layout params that will allow you to resize the layout
    
    LayoutParams params = layout.getLayoutParams();
    
    // Changes the height and width to the specified *pixels*
    
    params.width = x;
    
    layout.setlayoutparams(params);
    

    x 是你从线性布局得到的宽度

    【讨论】:

      【解决方案3】:

      由于您使用没有设置宽度的TextViews,我建议您将所有字段的android:layout_width 参数设置为match_parent

      编辑: 为什么需要第二个 LinearLayout?它似乎没用,因为它只包装了 TableLayout。

      【讨论】:

      • 感谢您的建议。不幸的是,我已经尝试将字段的布局宽度设置为match_parentwrap_content,但没有任何效果。在 API 文档中,它指出 “TableLayout 的子项无法指定 layout_width 属性。宽度始终为 MATCH_PARENT。”,因此我删除了这些行,因为它们被忽略了。
      • 你是对的。额外的 LinearLayout 是不必要的。简化 XML 的目的是通过浮动对话框测试此问题,该浮动对话框将其他视图添加到第二个 LinearLayout。我现在已经编辑了问题中的代码以摆脱它。谢谢
      猜你喜欢
      • 1970-01-01
      • 2012-07-31
      • 1970-01-01
      • 1970-01-01
      • 2019-07-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多