只有ViewGroup的第一个子视图显示在GridLayout内部 - 后续单元格在视觉上没有子视图

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的屏幕截图（除了背景颜色（即MAGENTA，BLUE，GREEN）之外，第一行应该都是相同的

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

我在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表现得更好。