“colspan”相当于什么？在 Android TableLayout 中？

Question

我在 Android 中使用 TableLayout。现在，我有一个 TableRow，其中包含两个项目，在其下方，还有一个 TableRow，其中包含一个项目。它呈现如下：

-----------------------------
|   Cell 1    |  Cell 2     |
-----------------------------
|   Cell 3    |
---------------

我想要做的是让单元格 3 拉伸到两个上面的单元格，所以它看起来像这样：

-----------------------------
|   Cell 1    |  Cell 2     |
-----------------------------
|           Cell 3          |
-----------------------------

在 HTML 中，我会使用 COLSPAN.... 如何在 Android 中实现此功能？

Answer 1

似乎有一个属性可以做到这一点：
layout_span

更新：
此属性必须应用于 TableRow 的子级。不是 TableRow 本身。

Answer 2

为了完成答案，必须将layout_span属性添加到子级，而不是TableRow。

此代码片段显示了我的 tableLayout 的第三行，它跨越 2 列。

<TableLayout>
    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_span="2"
            android:text="@string/create" />
    </TableRow>
</TableLayout>

Answer 3

这就是您以编程方式执行此操作的方式

//theChild in this case is the child of TableRow
TableRow.LayoutParams params = (TableRow.LayoutParams) theChild.getLayoutParams();
params.span = 2; //amount of columns you will span
theChild.setLayoutParams(params);

Answer 4

您必须使用layout_weight来填充整行，否则它仍然填充表布局的左列或右列。

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

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_span="2"
            android:layout_weight="1"
            android:text="ClickMe" />

    </TableRow>

Answer 5

也许这会对某人有所帮助。我尝试使用 layout_span 解决方案，但这对我不起作用。所以我用这个技巧解决了这个问题。只需在需要 colspan 的地方使用 LinearLayout 代替 TableRow 即可。

Answer 6

在 TableRow 元素的子元素中使用 android:layout_span

Answer 7

我在使用代码生成的 TableRow、Textview 等行跨度方面遇到了一些问题。即使 Onimush 的答案看起来不错，它也不适用于生成的 UI。

这是一段代码......不起作用：

            TableRow the_ligne_unidade = new TableRow(this);
            the_ligne_unidade.setBackgroundColor(the_grey);

            TextView my_unidade = new TextView(this);
            my_unidade.setText(tsap_unidade_nom);
            my_unidade.setTextSize(20);
            my_unidade.setTypeface(null, Typeface.BOLD);
            my_unidade.setVisibility(View.VISIBLE);

            TableRow.LayoutParams the_param;
            the_param = (TableRow.LayoutParams)my_unidade.getLayoutParams();
            the_param.span = 3;
            my_unidade.setLayoutParams(the_param);

            // Put the TextView in the TableRow
            the_ligne_unidade.addView(my_unidade);

代码似乎没问题，但是，当您到达“the_params”的 init 时，它返回 NULL。

另一方面，这段代码的工作方式就像一个魅力：

            TableRow the_ligne_unidade = new TableRow(this);
            the_ligne_unidade.setBackgroundColor(the_grey);

            TextView my_unidade = new TextView(this);
            my_unidade.setText(tsap_unidade_nom);
            my_unidade.setTextSize(20);
            my_unidade.setTypeface(null, Typeface.BOLD);
            my_unidade.setVisibility(View.VISIBLE);

            // Put the TextView in the TableRow
            the_ligne_unidade.addView(my_unidade);

            // And now, we change the SPAN
            TableRow.LayoutParams the_param;
            the_param = (TableRow.LayoutParams)my_unidade.getLayoutParams();
            the_param.span = 3;
            my_unidade.setLayoutParams(the_param);

唯一的区别是我在设置跨度之前将 Textview 推入 TableRow 内。在这种情况下，它有效。
希望这会对某人有所帮助！

Answer 8

实际上它非常简单。这是我以编程方式解决的方案

        TableLayout tableLayout = binding.tableLayout;
        TableRow row = new TableRow(this);
        TableRow.LayoutParams layoutParams = new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT);
        layoutParams.span = 4;               // define no. of column span will row do
        row.setLayoutParams(layoutParams);

        TextView noDataTextView = new TextView(this);
        noDataTextView.setText("No Data");
        noDataTextView.setGravity(Gravity.CENTER);
        noDataTextView.setLayoutParams(layoutParams);   //This line will span your row

        row.addView(noDataTextView);
        tableLayout.addView(row, 1);

Answer 9

我认为你需要将一个布局包裹在另一个布局周围。
垂直有一个布局列表，内部有另一个（或在本例中为两个）水平列表。

我仍然发现在 Android 中很难将界面很好地分割为 50-50 部分。