Android 使表格看起来像我想要的

Question

我在使表格看起来像我想要的样子时遇到了一点麻烦。 这是几个问题，但由于它们都参考了下面的图片和我提供的详细信息，我认为它们都应该放在一个帖子中。

这是我目前取得的成就：

标题行包含一个按钮类型的元素。

    TableRow.LayoutParams params = new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, TableRow.LayoutParams.WRAP_CONTENT);
    Button bt = new Button(getContext());
    bt.setText("Column1");
    mHeader.addView(bt, params);
    mHeader.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT));
    addView(mHeader);

表格的其余部分是这样填充的：
（Messagerow 扩展了 TableRow 并有一个 TextView 成员）

        for(int i = 0; i < 100; i++) {
            MessageRow mr = new MessageRow(getContext());
            // stuff to set the TexView text and color
            mr.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT));
            this.addView(mr);
        }

1.如何使标题行高度更像行？

2。如何使按钮占据行的整个宽度？
如果表格是空的，没有文本行只是标题，那么按钮匹配行宽。只要我添加一行文本，列宽就会调整，但按钮宽度不会。

3.如何使行填充屏幕宽度？ （MATCH_PARENT 不这样做）

4.如何在表格行之间画一条细线？
我试图覆盖 MessageRow 上的 onDraw() 函数，但它从未被调用过，甚至一次也没有。

不要误会我的意思。我不是要求你为我做我的工作。这些是我试图自己解决的问题，并在谷歌上搜索并阅读了类似的帖子，但没有找到答案。
注意：我发现 Android 的 Javascript 中的 UI 设计对所有这些都缺乏清晰的控制和清晰的文档小细节。

编辑
这就是我创建表格的方式：

    TableLayout mTable = new TableLayout(this);

    HorizontalScrollView hview = (HorizontalScrollView) findViewById(R.id.hscroll);

    populate(mTable);
    mTable.setLayoutParams(new TableLayout.LayoutParams( TableLayout.LayoutParams.MATCH_PARENT, TableLayout.LayoutParams.WRAP_CONTENT));
    mTable.setBackgroundColor(Color.WHITE);

    hview.addView(mTable);

Answer 1

1. 如何使标题行高度更像行？

使用默认的Button 没什么可做的。 Button 使用九个补丁图像，在按钮的文本和您看到的边框之间有一些空间。您可以使用较小的字体，但您可能会看起来很难看。另一件要尝试的事情是使用您自己的按钮背景并去掉默认的额外空间（默认的九个补丁图像），以便最终高度接近TextViews 中的文本高度。或者尝试使用固定值对所有行强制执行标准高度。

1. 如何让按钮占据行的整个宽度？

我认为您在MessageRow 中有多个TextView，因此当您添加Button 时，它会移动到第一列（对应于第一列TextView）。如果是这种情况，请将您的Button span 设置为代表MessageRow 中TextViews 数量的列数：

TableRow.LayoutParams params = new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, TableRow.LayoutParams.WRAP_CONTENT);
params.span = 3; // if you have 3 `TextView` in the MessageRow
    Button bt = new Button(getContext());
    bt.setText("Column1");
    mHeader.addView(bt, params);

如果不是这种情况，请添加更多详细信息。

1. 如何使行填满屏幕宽度？ （MATCH_PARENT 不这样做）

正如我在您之前的一个问题中所说的那样，我不知道为什么会发生这种情况（但我在那里为您提供了一些解决方案来克服这个问题）。另外：

1. mHeader 和另一个 MessageRow 是 Tablelayout 的子代，正确的 LayoutParams 是父代的 LayoutParams：TableLayout.LayoutParams 和 not TableRow.LayoutParams。

2. 您在MessageRow 中添加一些TextView（根据我在您之前的问题中看到的），将带有TableRow.LayoutParams 的子视图添加到MessageRow。

3. 您在代码中的任何地方都只使用WRAP_CONTENT 作为LayoutParams，您可能希望将宽度（构造函数中的第一个参数）设置为FILL_PARENT/MATCH_PARENT

1. 如何在表格行之间画一条细线？

您可以使用一个简单的View 作为分隔符：

for(int i = 0; i < 100; i++) {
   MessageRow mr = new MessageRow(getContext());
   // stuff to set the TexView text and color
   mr.setLayoutParams(new TableLayout.LayoutParams(TableLayout.LayoutParams.FILL_PARENT, TableLayout.LayoutParams.WRAP_CONTENT));
   this.addView(mr);
   View separator = new View(getContext());
   separator.setLayoutParams(new TableLayout.LayoutParams(TableLayout.LayoutParams.FILL_PARENT, 3)));
   separator.setBackgroundColor(Color.RED);
   this.addView(separator);
}

因为您有 100 行，您可以尝试设置一个带有分隔线的可绘制对象作为TableRow（header 和MessageRow）的背景，而不是上述向布局添加另外 100 个视图的方法。

补充说明：

你有很多视图要添加到单个活动布局中，你说的是 100 行，如果你的 MessageRow 比简单的 TextView 更复杂（我认为是）你可以进入一些性能问题。我建议你看看美妙的ListView 小部件。

Answer 2

这里没有编程环境，但我会尝试回答你的一些问题。

1. 标题行（按钮）比基于测试的行高的原因是按钮需要更多空间，而行可以容纳它。默认按钮在文本的顶部/底部都有填充。我认为你最好的选择是创建你自己的按钮，这给你额外的好处是能够控制外观和感觉。似乎其他人以前也遇到过这个问题：Can't get rid of bottom padding on button

2. 您的按钮设置为 wrap_content，这意味着它不会比它需要的大（它会增长/缩小，因此它可以适合文本“Column1”或您放在那里的任何内容）。我怀疑您需要将其设置为 FILL_PARENT，而不是设置 Button WRAP。

3. 不是你的表格行需要填满屏幕宽度，而是你的表格需要填满屏幕。无论您在哪里定义表格，它可能设置为 WRAP_CONTENT 用于水平维度。将其设置为 FILL_PARENT 并且您的表格应该扩展到它的容器的整个宽度（在这种情况下，它应该扩展整个屏幕的宽度）

4. 可能有几种不同的方法可以做到这一点。我最近使用的一种方法是使用 View 标签，它基本上看起来像屏幕上的水平条。下面是如何实现它的链接。 http://sonnygill.net/android/horizontal-rule/