1

将 RelativeLayouts 放置为 GridLayout 的单元格时，我遇到了一个特殊的错误。我扩展了这个概念验证。当我将相同的 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 未正确显示顶行。 只有第一个单元格的孩子存在。

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

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

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

4

1 回答 1

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行为更好。

于 2013-12-24T22:05:07.037 回答