RelativeLayout 的子级没有填充 RelativeLayout 的高度

Question

我有一个 ListView，其中填充了 RelativeLayouts。这些相对布局的内容可以改变，从而分别改变它们的高度。在每个 RelativeLayout 上，我在布局的左侧都有一个与布局高度匹配的小竖线。

和这个很像 -> Link

尽管出于某种原因，我正在使用的 View 对象没有扩展到布局的高度。

我做错了什么？

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/post"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/column_post_selector"
android:orientation="horizontal" >

<!-- Status bar (THIS ISN'T FILLING TO PARENTS' HEIGHT) -->
<View
    android:id="@+id/status"
    android:layout_width="3dp"
    android:layout_height="fill_parent"
    android:layout_alignLeft="@id/post"
    android:layout_marginBottom="2dp"
    android:layout_marginTop="2dp"
    android:background="#33B5E5" />

<ImageView
    android:id="@+id/thumbnail"
    android:layout_width="80dip"
    android:layout_height="80dip"
    android:layout_toRightOf="@id/status"
    android:contentDescription="@string/empty"
    android:layout_marginRight="5dp"
    android:scaleType="fitStart" />

<!-- Title -->

<TextView
    android:id="@+id/title"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@id/post"
    android:layout_toRightOf="@id/thumbnail"
    android:textColor="#ffffff"
    android:textSize="14sp"
    android:typeface="sans" />
<!-- Rightend Duration -->

<TextView
    android:id="@+id/date"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignTop="@id/title"
    android:layout_marginRight="5dip"
    android:gravity="right"
    android:textColor="#10bcc9"
    android:textSize="12sp"
    android:textStyle="bold" />

</RelativeLayout>

Answer 1

我在 RecyclerView 的单元格中遇到了类似的问题，该单元格有一个 RelativeLayout 作为根元素。

我的一个解决方法是在根 RelativeLayout 元素周围包裹一个额外的 LinearLayout。

所以你的卡片看起来像这样：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

        <RelativeLayout 
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
            <View
                android:id="@+id/view_with_same_height_as_parent"
                android:layout_width="10dp"
                android:layout_height="fill_parent"
                android:layout_alignParentBottom="true"
                android:layout_alignParentTop="true"/>
...


    </RelativeLayout>
</LinearLayout>

来源： https://stackoverflow.com/a/28799251/3708094

Answer 2

如果您的 RelativeLayout 在 ScrollView 内，则需要在 ScrollView 上添加 fillViewPort 参数并将其设置为 true

  <ScrollView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fillViewport="true">

Answer 3

ScrollView 中的 RelativeLayout 也有类似的问题。 According to the documentation RelativeLayout（最高版本 17）中有一个错误，如果将其添加到滚动容器（如 ListView）中，会导致测量高度错误。

所以要解决这个问题，你应该以编程方式计算高度。

您可以创建扩展类并覆盖 onMeasure 方法或将 OnGlobalLayoutListener 添加到父视图。

我选择第二种方式。这是我的解决方案：

findViewById(R.id.scroll_view).getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        float topElementPosition = findViewById(R.id.top_element).getY();
        float bottomElementPosition = findViewById(R.id.bottom_element).getY();
        int bottomElementHeight = findViewById(R.id.bottom_element).getMeasuredHeight();
        int height = (int)(bottomElementPosition-topElementPosition+bottomElementHeight);
        findViewById(R.id.view).setMinimumHeight(height);
        findViewById(R.id.scroll_view).getViewTreeObserver().removeGlobalOnLayoutListener(this);
    }
});

Answer 4

遇到了同样令人讨厌的问题，顺便说一句，这毫无意义。最后对我有用的是像这样将RelativeLayout标签中的android:layout_height更改为fill_parent

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
  ...

希望对你有帮助

Answer 5

我在onLayout 期间通过手动设置布局修复了无效视图：

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);

    int rootMarginRight = ((MarginLayoutParams)root.getLayoutParams()).rightMargin;
    int paddingRight = root.getPaddingRight() + rootMarginRight;

    //invalid view
    actionsContainer.layout(
            right - actions.getWidth() - paddingRight,
            0,
            right - paddingRight,
            getHeight()
    );
}

Answer 6

如果您知道要设置的确切高度，则可以为此组件（视图）设置 Height 或 MinHeight。在您的情况下，您可以设置为：android:minHeight="76dp"，或者您可以使用 LayoutParams 以编程方式设置它。希望对您有所帮助！

Answer 7

我的问题是下面一行

android:fitsSystemWindows="true" <-- In the parent view

已被移除。添加回来后，它现在可以正常工作了。

Answer 8

您需要将layout_alignParentTop="true" 和layout_alignParentBottom="true" 添加到status - 这将确保视图触及post 的RelativeLayout 的顶部和底部。