wrap_content 中的 match_parent 在 api 18 上不起作用

Posted

技术标签:

【中文标题】wrap_content 中的 match_parent 在 api 18 上不起作用【英文标题】：match_parent inside wrap_content doesn't work on api 18 【发布时间】：2018-01-09 10:18:49 【问题描述】：

我有一个不占据整个屏幕并拥有两个子视图的 RelativeLayout。两个孩子都是LinearLayouts，第二个孩子的高度取决于第一个孩子。

我关注了post，我对其进行了修改以生成以下 XML：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/parentWrapper"
            android:layout_
            android:layout_
            android:background="#232323"
            android:orientation="horizontal">
    <!-- 1st child -->
    <LinearLayout
        android:id="@+id/childTWrapper"
        android:layout_
        android:layout_
        android:layout_toLeftOf="@+id/iconWrapper"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:orientation="vertical">

        <TextView
            android:id="@+id/lastTime"
            android:layout_
            android:layout_
            android:paddingBottom="2dp"
            android:paddingLeft="30dp"
            android:paddingTop="15dp"
            android:textColor="@android:color/white"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/lastAuthor"
            android:layout_
            android:layout_
            android:paddingBottom="15dp"
            android:paddingLeft="30dp"
            android:textColor="@android:color/white"/>
    </LinearLayout>

    <!-- 2nd child; matches height of first child -->
    <LinearLayout
        android:id="@+id/iconWrapper"
        android:layout_
        android:layout_
        android:layout_alignBottom="@+id/childTWrapper"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_centerVertical="true"
        android:orientation="horizontal"
        android:paddingRight="18dp">
        <!-- images -->
        <ImageView
            android:id="@+id/hide"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_hide"/>

        <ImageView
            android:id="@+id/profile"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_profile"/>

        <ImageView
            android:id="@+id/browser"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_browser"/>
    </LinearLayout>
</RelativeLayout>

现在，问题是我希望第二个 LinearLayout 的子级 (ImageViews) 匹配其父级的高度。这导致match_parent 视图嵌套在wrap_content 视图中。即使我将 LinearLayout 的高度更改为 match_parent，它最终仍然位于高度为 wrap_content 的 RelativeLayout 内。

在 API > 18 上，这可以正常工作：

但是，在 API

知道如何解决此问题以支持旧 API 版本吗？

【问题讨论】：

因为“match_parent inside wrap_content”根本没有意义。 （你有循环引用） @Selvin 是的，但是你还能如何填充非全屏视图的高度？ 【参考方案1】：

将您的布局高度设置为 match_parent，宽度设置为 wrap_content 并设置 android:layout_gravity="center_vertical" 和 android:gravity="center_vertical"强>.

【讨论】：

如果将第一个 LinearLayout 的高度设置为 match_parent，则元素会占据整个屏幕，这是我不想要的。父级的布局高度设置为 wrap_content。【参考方案2】：

我还没有对此进行测试，但我注意到一些可能会导致问题的事情。尝试这些更改，看看它是如何工作的。我添加了一些 cmets 试图解释我的更改

<?xml version="1.0" encoding="utf-8"?>
<!-- Relative layout doesn't use the orientation attribute so I nixed that -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/parentWrapper"
        android:layout_
        android:layout_
        android:background="#232323">
    <!-- 1st child -->
    <LinearLayout
        android:id="@+id/childTWrapper"
        android:layout_
        android:layout_
        android:layout_toLeftOf="@+id/iconWrapper"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:orientation="vertical">

        <TextView
            android:id="@+id/lastTime"
            android:layout_
            android:layout_
            android:paddingBottom="2dp"
            android:paddingLeft="30dp"
            android:paddingTop="15dp"
            android:textColor="@android:color/white"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/lastAuthor"
            android:layout_
            android:layout_
            android:paddingBottom="15dp"
            android:paddingLeft="30dp"
            android:textColor="@android:color/white"/>
    </LinearLayout>

    <!-- 2nd child; matches height of first child -->
    <!-- Set the top AND bottom of this linear layout to be aligned with the first child, rather than aligning it to the top of the parent.  You also probably don't want the centerVertical attribute because that centers the LinearLayout and not it's children. --> 
    <LinearLayout
        android:id="@+id/iconWrapper"
        android:layout_
        android:layout_
        android:layout_alignBottom="@+id/childTWrapper"
        android:layout_alignTop="@+id/childTWrapper"
        android:layout_alignParentRight="true"
        android:orientation="horizontal"
        android:paddingRight="18dp">
        <!-- images -->
        <ImageView
            android:id="@+id/hide"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_hide"/>

        <ImageView
            android:id="@+id/profile"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_profile"/>

        <ImageView
            android:id="@+id/browser"
            android:layout_
            android:layout_
            android:background="?attr/selectableItemBackground"
            android:clickable="true"
            android:paddingLeft="12dp"
            android:paddingRight="12dp"
            android:src="@drawable/ic_browser"/>
    </LinearLayout>
</RelativeLayout>

如果这不起作用，或者如果您想删除不必要的第二个 LinearLayout，您可以将每个 ImageView 元素与第一个子元素对齐...看起来像这样： 

        <TextView
            android:id="@+id/lastTime"
            android:layout_
            android:layout_
            android:paddingBottom="2dp"
            android:paddingLeft="30dp"
            android:paddingTop="15dp"
            android:textColor="@android:color/white"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/lastAuthor"
            android:layout_
            android:layout_
            android:paddingBottom="15dp"
            android:paddingLeft="30dp"
            android:textColor="@android:color/white"/>
    </LinearLayout>

    <!-- images -->
    <ImageView
        android:id="@+id/hide"
        android:layout_
        android:layout_
        android:layout_alignBottom="@+id/childTWrapper"
        android:layout_alignTop="@+id/childTWrapper"
        android:layout_toRightOf="@id/childTWrapper"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:paddingLeft="12dp"
        android:paddingRight="12dp"
        android:src="@drawable/ic_hide"/>

    <ImageView
        android:id="@+id/profile"
        android:layout_
        android:layout_
        android:layout_alignBottom="@+id/childTWrapper"
        android:layout_alignTop="@+id/childTWrapper"
        android:layout_toRightOf="@id/hide"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:paddingLeft="12dp"
        android:paddingRight="12dp"
        android:src="@drawable/ic_profile"/>

    <ImageView
        android:id="@+id/browser"
        android:layout_
        android:layout_
        android:layout_alignBottom="@+id/childTWrapper"
        android:layout_alignTop="@+id/childTWrapper"
        android:layout_toRightOf="@id/profile"
        android:background="?attr/selectableItemBackground"
        android:clickable="true"
        android:paddingLeft="12dp"
        android:paddingRight="12dp"
        android:src="@drawable/ic_browser"/>
</RelativeLayout>

您还可以更进一步，删除 other LinearLayout，但我会把它留给任何想尝试的人作为练习:-)

【讨论】：

以上是关于wrap_content 中的 match_parent 在 api 18 上不起作用的主要内容，如果未能解决你的问题，请参考以下文章

ViewGroup match_parent 里面 wrap_content

为什么你的自定义View wrap_content不起作用？

Android-界面- 进度条

居中 WRAP_CONTENT

android布局--Android fill_parentwrap_content和match_parent的区别

4.Android学习之控件的属性