如何让 Android TableLayout 在横向模式下填充父级？

Question

我在我的应用程序中使用 TableLayout。它包含四个 TableRow，每个 TableRow 包含四个 ImageView。我想要的行为是缩放布局以适应最短的尺寸。

它在纵向模式下工作正常，但在横向模式下则严重失败。

从 文档 看来，这是因为 TableRow layout_height 始终设置到 WRAP_CONTENT。虽然我可以设置各个视图的尺寸，但如果我将视图的layout_height 设置为FILL_PARENT，则TableLayout 根本不会渲染。

我觉得我缺少一些简单的东西。有没有办法让带有 TableRows 的 TableLayout 进行缩放以适应横向模式下的高度？

XML 布局：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/table"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="*">
</TableLayout>

Java：

public class Example extends Activity {

private TableLayout mTable;
private int[] mDrawableIds = {  R.drawable.draw01, R.drawable.draw02, R.drawable.draw03, R.drawable.draw04, R.drawable.draw05, R.drawable.draw06,   R.drawable.draw07, R.drawable.draw08, R.drawable.draw09, R.drawable.draw10, R.drawable.draw11, R.drawable.draw12, R.drawable.draw13, R.drawable.draw14, R.drawable.draw15, R.drawable.draw16 };

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    mTable = (TableLayout)findViewById(R.id.table);
    for (int j=0; j<4; j++) {
        TableRow tr = new TableRow(this);
        tr.setLayoutParams(new ViewGroup.LayoutParams(  LayoutParams.FILL_PARENT,
                LayoutParams.WRAP_CONTENT));
           for (int i=0; i<4; i++) {
               ImageView iv = new ImageView(this);
               iv.setImageResource(mDrawableIds[j*4+i]);
               iv.setScaleType(ImageView.ScaleType.FIT_CENTER);
               iv.setAdjustViewBounds(true);
               tr.addView(iv);
           }
        mTable.addView(tr);
    }
}
}

Answer 1

将 XML 布局更改为：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/table"
        android:layout_width="fill_parent"
        android:layout_height="160dp"
        android:shrinkColumns="*">
</TableLayout>

这应该使其占据整个屏幕的高度，无论方向如何。请参阅密度独立像素

Answer 2

我确实弄清楚了如何做到这一点。基本上，没有按照我想要的方式工作的部分是 TableRows。当我更改为横向时，前两个 TableRow 根本没有调整大小，而第三个则占用了剩余空间。第四行根本没有显示。

我发现我需要将 TableRows 的layout_weight 设置为相等的值。但是，没有方法可以在运行时执行此操作，因此我构建了以下布局文件，我将其称为 row.xml：

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/trow"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_weight="1">
</TableRow>

然后我使用 LayoutInflater 在运行时使用我想要的属性构建行：

    mTable = (TableLayout)findViewById(R.id.table);
    LayoutInflater inflater = getLayoutInflater();

    for (int j=0; j<4; j++) {
        View row = inflater.inflate(R.layout.row, mTable,false);
        TableRow tr = (TableRow)row.findViewById(R.id.trow);
           for (int i=0; i<4; i++) {
               View image = inflater.inflate(R.layout.image, tr, false);
               ImageButton ib = (ImageButton)image.findViewById(R.id.image);
               ib.setAdjustViewBounds(true);
               ib.setImageResource(mCardIds[j*4+i]);
               tr.addView(ib);
           }
        mTable.addView(tr);
    }

现在 TableRow 正在正确调整大小关于旋转。我将 ImageViews 更改为 ImageButtons，因为我决定添加一些 onClick 行为，并且我通过单独的 xml 文件构建这些按钮，但我认为这些细节与调整大小问题无关。

Answer 3

我在这里尝试了公认的解决方案，但它不起作用。工作原理如下：

TableRow tr = new TableRow(this);
TableLayout.LayoutParams pRowTop = new TableLayout.LayoutParams(
                TableLayout.LayoutParams.MATCH_PARENT,
                TableLayout.LayoutParams.WRAP_CONTENT);
pRowTop.weight = 1;
mTable.addView(tr, pRowTop);