Layouttrouble扩展tablerow和膨胀xml tablerow

时间:2012-04-16 07:54:44

标签: android android-layout

我非常接近于使用LinearLayout替代方案,但它有点刺激性而不是正确的。为了获得最大的灵活性,我已经定义了一个只定义了行标题的TableLayout xml。接下来,我生成了一个单独的TableRow xml,用于定义“行模板”。在Javacode中,我已经将TableRow子类化,并且在构造函数中,我将tablerow模板膨胀以附加到根(子类)。

好吧,到目前为止还不错。填充表时,headerrow是可以的,但其他行不是。似乎它们以不同的方式布局,两列没有按预期填充整个宽度,因此coluomns没有正确对齐。

任何可以解释这个问题的人?我尝试了很多解决方案,但没有任何方法可以解决问题。

带有标题行

的tablelayout
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true" >

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true" >

        <TableLayout
            android:id="@+id/zone_table"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:stretchColumns="*" >

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

                <TextView
                    android:layout_width="0dip"
                    android:layout_weight="0.8"
                    android:background="#ffcccccc"
                    android:text="Zonename"
                    android:textColor="@android:color/black" />

                <TextView
                    android:layout_width="0dip"
                    android:layout_weight="0.2"
                    android:background="#ffcccc00"
                    android:gravity="right"
                    android:text="Antall"
                    android:textColor="@android:color/black" />
            </TableRow>
        </TableLayout>
    </HorizontalScrollView>

</ScrollView>

“其他”膨胀的行     

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

    <TextView
        android:id="@+id/zonerow_name"
        android:layout_width="0dip"
        android:layout_weight="0.8"
        android:background="#ffcccccc"
        android:textSize="18dp" />

    <TextView
        android:id="@+id/zonerow_invcount"
        android:layout_width="0dip"
        android:layout_gravity="right"
        android:layout_weight="0.2"
        android:background="#ffcccc00"
        android:textSize="18dp" />

</TableRow>

扩展TableRow的类

    public class ZoneRow extends TableRow {
    private ZoneInventoryDAO dao = null;
    private int inventoryCount = 0;

    public ZoneRow(Context ctx, ZoneInventoryDAO dao) {
        this(ctx, dao, 0);
    }

    public ZoneRow(Context ctx, ZoneInventoryDAO dao, int inventoryCount) {
        super(ctx);
        setWeightSum(1.0f);
        this.dao = dao;
        this.inventoryCount = inventoryCount;
        doLayout();
    }

    private void doLayout() {
        // XML layouten settes med zonerow som parent (se:
        // http://developer.android.com/resources/articles/layout-tricks-merge.html)
        View v = LayoutInflater.from(getContext()).inflate(R.layout.zonerow,
                this, true);
        TextView t = (TextView) findViewById(R.id.zonerow_name);
        TextView cnt = (TextView) findViewById(R.id.zonerow_invcount);

        t.setText(dao.getZoneAlias());
        cnt.setText(String.valueOf(inventoryCount));

    }

    public void incInventory() {
        inventoryCount++;
    }

    public ZoneInventoryDAO getDAO() {
        return dao;
    }

}

3 个答案:

答案 0 :(得分:0)

它看起来像是在扩展tablerow并创建该对象的实例。这将导致创建表行。然后你正在膨胀另一个桌子,这是因为某种原因与第一个桌面交互。要快速修复,请尝试添加类似table.setColumnStretchable(0,true);

的内容

答案 1 :(得分:0)

我遇到了同样的问题。我通过不这样做来修复它 - 特别是不通过子类化TableRow,而只是在代码中实例化它们并手动应用我需要的任何东西。你可以通过封装来做到这一点。有一些记录有ZoneInventoryDAO,inventoryCount和tableRow,它们指向相应的TableRow实例。用通货膨胀实例化TableRow:

TableLayout table = (TableLayout) inflater.inflate(R.layout.my_table, null); // etc
...
for (//each data item//) {
  TableRow tr = (TableRow) inflater.inflate(R.layout.my_table_row, null);
  TextView tv1 = (TextView) findViewById(R.id.table_entry_1);
  tv1.setText("Whatever goes here");
  ...
  // and so on for each column
  table.addView(tr);
}

当将相同的代码移动到TableRow没有扩展的类时,上面的工作对我有用。

答案 2 :(得分:0)

我知道这已经过时了,但我有同样的问题,并且想出来了,所以这可能会对未来的用户有所帮助。

问题是,当你从XML中扩展TableRow,并将它添加到扩展的TableRow中时,它会被表视为一个包含多个子项的列,因为Layout中的TableRow本质上是一个ViewGroup中。因此,它将表格作为单个列表进行布局。

解决方案是,在TableRow XML布局中,使用<merge>类型,而不是<TableRow>类型。这种方式在膨胀时,xml中的项目将合并到扩展的TableRow中,而扩展的TableRow将有多个列。

以下是示例代码

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

    <TextView
        android:id="@+id/zonerow_name"
        android:layout_width="0dip"
        android:layout_weight="0.8"
        android:background="#ffcccccc"
        android:textSize="18dp" />

    <TextView
        android:id="@+id/zonerow_invcount"
        android:layout_width="0dip"
        android:layout_gravity="right"
        android:layout_weight="0.2"
        android:background="#ffcccc00"
        android:textSize="18dp" />

</merge>