android - 只有在 GridLayout 中显示 ViewGroup 的第一个 subview - 后续单元格在视觉上是无 subview 的

Question

将 RelativeLayouts 作为 GridLayout 的单元格放置时，我遇到了一个奇怪的错误。我对此进行了扩展 proof-of-concept .当我将相同的 RelativeLayout 子类添加到前三个单元格时，只有第一个单元格的子级可见。该行中的后两个单元格是空白的，除了父级 RelativeLayout。

这是 RelativeLayout 子类、gridlayout 代码和子 XML。

public class MemberCardTile extends HomeBaseTile {
    public MemberCardTile(Context context) {
        super(context, R.layout.tile_member_card);
    }
}

...及其父级:

abstract public class HomeBaseTile extends FrameLayout {

    public HomeBaseTile(Context context, int childResourceId) {
        super(context);

        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rl = inflater.inflate(R.layout.tile_member_card, null);

        contentView = (ViewGroup)rl;        
        this.addView(contentView);

        this.setPadding(0, 0, 0, 0);
    }

    @Override
    public void setBackgroundColor(int color) {
        this.contentView.setBackgroundColor(color);
        super.setBackgroundColor(Color.BLACK);
    }
}

当前的 GridLayout 代码虽然未经提炼，但显示为:

public static GridLayout layoutForInMarket(Context context, Point size) {

    int screenWidth = size.x;
    int tileHeight = (int) (size.y * 0.175f) - (TILE_PADDING );

    int smallTileWidth = (int) (screenWidth * 0.33f) - (1 * TILE_PADDING + 2);
    int mediumTileWidth = (int) (screenWidth * 0.66f) - (1 * TILE_PADDING);
    int largeTileWidth = (int) (screenWidth * 0.99f) - (1 * TILE_PADDING);

    // spec(Row, Row Span)
    Spec row1 = GridLayout.spec(1, 1);
    Spec row2 = GridLayout.spec(2, 1);
    Spec row3 = GridLayout.spec(3, 1);
    Spec row4 = GridLayout.spec(4, 1);
    Spec row5 = GridLayout.spec(5, 1);

    // spec(Column, Column Span)
    Spec col0Small = GridLayout.spec(0, 1);
    Spec col1Small = GridLayout.spec(1, 1);
    Spec col2Small = GridLayout.spec(2, 1); 
    Spec col0Medium = GridLayout.spec(0, 2);
    Spec col1Medium = GridLayout.spec(1, 2);
    Spec col0Large = GridLayout.spec(0, 3);

    GridLayout gridLayout = new GridLayout(context);
    gridLayout.setBackgroundColor(Color.WHITE);
    gridLayout.setColumnCount(15); // 3 works, 
    gridLayout.setRowCount(15); // Experiment with this. 6 works, not 5...

    // ROW 1
    // Item 1 (works fine)
    MemberCardTile member = new MemberCardTile(context);
    GridLayout.LayoutParams first = new GridLayout.LayoutParams(row1,
            col0Small);
    first.width = smallTileWidth;
    first.height = tileHeight;
    first.setMargins(TILE_PADDING, TILE_PADDING, TILE_PADDING, TILE_PADDING);
    member.setBackgroundColor(Color.MAGENTA);
    gridLayout.addView(member, first);
            // item 2 (only the parent shows, no added subviews)
    MemberCardTile member1 = new MemberCardTile(context);
    GridLayout.LayoutParams first1 = new GridLayout.LayoutParams(row1,
            col1Small);
    first1.width = smallTileWidth;
    first1.height = tileHeight;
    first1.setMargins(TILE_PADDING, TILE_PADDING, TILE_PADDING,
            TILE_PADDING);
    member1.setBackgroundColor(Color.BLUE);
    gridLayout.addView(member1, first1);
            // item 3 (only the parent shows, no added subviews)
    MemberCardTile member2 = new MemberCardTile(context);
    GridLayout.LayoutParams first2 = new GridLayout.LayoutParams(row1,
            col2Small);
    first2.width = smallTileWidth;
    first2.height = tileHeight;
    first2.setMargins(TILE_PADDING, TILE_PADDING, TILE_PADDING,
            TILE_PADDING);
    member2.setBackgroundColor(Color.GREEN);
    gridLayout.addView(member2, first2);

    // ROW 2

    TextView gymSite = new TextView(context);
    GridLayout.LayoutParams third = new GridLayout.LayoutParams(row2,
            col0Small);
    third.width = smallTileWidth - 3;
    third.height = tileHeight;
    third.setMargins(5, 5, 5, 5);
    gymSite.setBackgroundColor(Color.RED);
    gymSite.setText("Gym Website");
    gridLayout.addView(gymSite, third);

    /** Remaining tiles are redacted, but appear just as the above (ROW 2) item */

    return gridlayout;
}

我已经尝试过以编程方式添加子 RelativeLayout 和通过膨胀的 XML。在上面的示例中，我使用了膨胀的 XML。在这两种情况下，第一个单元格 (0,0) 显示而不是后续两个单元格。

XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HELLO"
        android:textColor="@color/black" />
</RelativeLayout>

生成的 GridLayout 的屏幕截图(除了背景颜色(即洋红色、蓝色、绿色)外，第一行应该都显示相同)

我觉得这与 GridLayout 设置有关，但我不确定是什么。当我通过 View 创建断点时，肯定会创建第二个和第三个单元格的 View 并将其添加到 View 层次结构中。

我在 4.3 Galaxy Nexus 和 4.4 Nexus 5 上都试过了。

非常感谢任何帮助或建议。再次感谢。

Answer 1

尝试替换:

    View rl = inflater.inflate(R.layout.tile_member_card, null);

    contentView = (ViewGroup)rl;        
    this.addView(contentView);

与:

    View rl = inflater.inflate(R.layout.tile_member_card, this);

这不仅一次性将子级添加到父级，而且这样做的方式将使 RelativeLayout 表现得更好。