放置在 recyclerview 下方的视图未显示答案

【问题标题】：views placed below recyclerview are not showing放置在 recyclerview 下方的视图未显示
【发布时间】：2018-02-09 05:41:06
【问题描述】：

这是我的 xml 布局。运行应用程序时，它不显示放置在 recyclerview 下方的视图。我不知道为什么。我在网上找到的解决方案都没有解决我的问题。 layout_weight 或 layout_below 会解决问题吗？

我在某处发现：
如果您的 recycleview 内容将超出显示高度，那么您应该考虑使用 android:layout_weight 将您的布局划分为多个分区。

谁能帮帮我：

      <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/viewBg"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:showIn="@layout/activity_home_screen">

        <LinearLayout
            android:id="@+id/section_home_search"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:orientation="horizontal">

            <EditText
                android:id="@+id/search_field"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginRight="10dp"
                android:layout_toLeftOf="@+id/search_btn"
                android:layout_toStartOf="@+id/search_btn"
                android:layout_weight="1"
                android:background="@drawable/search_layout"
                android:ems="10"
                android:hint="Search here"
                android:inputType="textPersonName"
                android:paddingBottom="10dp"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:paddingTop="10dp"
                android:textColor="#999999"
                android:textSize="16sp" />

            <ImageButton
                android:id="@+id/search_btn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/search_field"
                android:layout_alignParentEnd="true"
                android:layout_alignTop="@+id/search_field"
                android:layout_gravity="center_vertical"
                android:background="@android:color/background_light"
                app:srcCompat="@drawable/search_button"
                android:layout_alignParentRight="true" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/section_home_recentsearchlist"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="2dp"
            android:orientation="vertical"
            android:layout_below="@+id/section_home_search"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingTop="1dp"
                android:paddingBottom="4dp"
                android:text="Recently searched gyms"
                android:textColor="@color/light_black"
                android:textSize="14dp" />

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recyclerview_gymsrecent_home"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_below="@id/section_home_recentsearchlist"
                android:clipToPadding="false"
                android:scrollbars="vertical" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/section_home_offers"
            android:layout_below="@id/section_home_recentsearchlist"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="2dp"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingTop="1dp"
                android:paddingBottom="4dp"
                android:text="Latest Offers"
                android:textColor="@color/light_black"
                android:textSize="14dp"/>

            <HorizontalScrollView
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">
                    <LinearLayout
                        android:layout_width="250dp"
                        android:layout_height="175dp"
                        android:layout_marginTop="5dp"
                        android:background="#4169E1"
                        android:orientation="vertical"
                        android:padding="20dp">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="5dp"
                            android:text="Fitness Plus"
                            android:textColor="@color/white"
                            android:textSize="23dp"
                            android:textStyle="bold" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="2dp"
                            android:text="Choice of Gym Trial Classes and More at Rs.149 only !\nEarn Upto 8.5% Cashback"
                            android:textColor="@color/white"
                            android:textSize="14dp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="5dp"
                            android:background="@color/darkorange"
                            android:padding="8dp"
                            android:text=" Learn More "
                            android:textColor="@color/white"
                            android:textSize="16dp"
                            android:textStyle="bold" />

                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="250dp"
                        android:layout_height="175dp"
                        android:layout_marginTop="5dp"
                        android:background="#4169E1"
                        android:orientation="vertical"
                        android:padding="20dp">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="5dp"
                            android:text="Health Total"
                            android:textColor="@color/white"
                            android:textSize="23dp"
                            android:textStyle="bold" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="2dp"
                            android:text="1-Month Health Plan for Lifestyle Ailments. "
                            android:textColor="@color/white"
                            android:textSize="14dp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="5dp"
                            android:background="@color/darkorange"
                            android:padding="8dp"
                            android:text=" Learn More "
                            android:textColor="@color/white"
                            android:textSize="16dp"
                            android:textStyle="bold" />

                    </LinearLayout>


                    <LinearLayout
                        android:layout_width="250dp"
                        android:layout_height="175dp"
                        android:layout_marginTop="5dp"
                        android:background="#4169E1"
                        android:orientation="vertical"
                        android:padding="20dp">

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="5dp"
                            android:text="Gym 'N' Swim"
                            android:textColor="@color/white"
                            android:textSize="23dp"
                            android:textStyle="bold" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:padding="2dp"
                            android:text="Swimming Pool &amp; Gym Memberships at Rs.5000 only. "
                            android:textColor="@color/white"
                            android:textSize="14dp" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="5dp"
                            android:background="@color/darkorange"
                            android:padding="8dp"
                            android:text=" Learn More "
                            android:textColor="@color/white"
                            android:textSize="16dp"
                            android:textStyle="bold" />

                    </LinearLayout>

                </LinearLayout>
            </HorizontalScrollView>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/section_home_trainerfb"
            android:layout_below="@id/section_home_offers"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="2dp"
            android:orientation="vertical">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingTop="2dp"
                android:paddingBottom="4dp"
                android:text="Trainer's Feedback"
                android:textColor="@color/light_black"
                android:textSize="14dp"/>

        </LinearLayout>

    </RelativeLayout>

【问题讨论】：

首先删除这个android:layout_below="@id/section_home_recentsearchlist" for RecyclerView。还要将此 android:layout_below="@id/section_home_recentsearchlist" 更改为 android:layout_below="@+id/section_home_recentsearchlist" 以获得 section_home_offers 线性布局。
我建议学习如何使用ConstraintLayout。它比嵌套视图组要好得多。此外，您可能希望将视图放在NestedScrollView 中。这样，当您的RecyclerView 因wrap_content 而扩展时，您可以滚动到底部并查看其下方的视图。
是的，如果它是固定的一半或四分之一左右，你可以使用重量，所以如果不是，我建议在滚动视图中使用整个布局

标签： android xml android-recyclerview

【解决方案1】：

设置recycleview的固定高度或将父布局设置为线性布局并设置所有布局的权重，如下所示：

 <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview_gymsrecent_home"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_below="@id/section_home_recentsearchlist"
            android:clipToPadding="false"
            android:scrollbars="vertical" />

或

<android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview_gymsrecent_home"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_below="@id/section_home_recentsearchlist"
            android:clipToPadding="false"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:scrollbars="vertical" />

【讨论】：

【解决方案2】：

正确使用android:layout_weight。试试这个。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/section_home_search"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:padding="10dp">

        <EditText
            android:id="@+id/search_field"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ems="10"
            android:hint="Search here"
            android:inputType="textPersonName"
            android:paddingBottom="10dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp"
            android:textColor="#999999"
            android:textSize="16sp" />

        <ImageButton
            android:id="@+id/search_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/section_home_recentsearchlist"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        android:padding="2dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="4dp"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="1dp"
            android:text="Recently searched gyms"
            android:textSize="14dp" />

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recyclerview_gymsrecent_home"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clipToPadding="false"
            android:scrollbars="vertical" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/section_home_offers"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="2dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="4dp"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="1dp"
            android:text="Latest Offers"
            android:textSize="14dp" />

        <HorizontalScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="250dp"
                    android:layout_height="175dp"
                    android:layout_marginTop="5dp"
                    android:background="#4169E1"
                    android:orientation="vertical"
                    android:padding="20dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:text="Fitness Plus"
                        android:textSize="23dp"
                        android:textStyle="bold" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="2dp"
                        android:text="Choice of Gym Trial Classes and More at Rs.149 only !\nEarn Upto 8.5% Cashback"
                        android:textSize="14dp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="5dp"
                        android:padding="8dp"
                        android:text=" Learn More "
                        android:textSize="16dp"
                        android:textStyle="bold" />

                </LinearLayout>

                <LinearLayout
                    android:layout_width="250dp"
                    android:layout_height="175dp"
                    android:layout_marginTop="5dp"
                    android:background="#4169E1"
                    android:orientation="vertical"
                    android:padding="20dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:text="Health Total"
                        android:textSize="23dp"
                        android:textStyle="bold" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="2dp"
                        android:text="1-Month Health Plan for Lifestyle Ailments. "
                        android:textSize="14dp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="5dp"
                        android:padding="8dp"
                        android:text=" Learn More "
                        android:textSize="16dp"
                        android:textStyle="bold" />

                </LinearLayout>


                <LinearLayout
                    android:layout_width="250dp"
                    android:layout_height="175dp"
                    android:layout_marginTop="5dp"
                    android:background="#4169E1"
                    android:orientation="vertical"
                    android:padding="20dp">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:text="Gym 'N' Swim"
                        android:textSize="23dp"
                        android:textStyle="bold" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="2dp"
                        android:text="Swimming Pool &amp; Gym Memberships at Rs.5000 only. "
                        android:textSize="14dp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="5dp"
                        android:padding="8dp"
                        android:text=" Learn More "
                        android:textSize="16dp"
                        android:textStyle="bold" />

                </LinearLayout>

            </LinearLayout>
        </HorizontalScrollView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/section_home_trainerfb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="2dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingBottom="4dp"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:paddingTop="2dp"
            android:text="Trainer's Feedback"
            android:textSize="14dp" />

    </LinearLayout>
</LinearLayout>

【讨论】：

【解决方案3】：

尝试将“trainerfb”与父级底部对齐，“trainerfb”上方的“home_offers”和“recentsearchlist”填满显示中间的所有空间。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/viewBg"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/activity_home_screen">

<LinearLayout
    android:id="@+id/section_home_search"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:orientation="horizontal">

    <EditText
        android:id="@+id/search_field"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@+id/search_btn"
        android:layout_toStartOf="@+id/search_btn"
        android:layout_weight="1"
        android:background="@drawable/search_layout"
        android:ems="10"
        android:hint="Search here"
        android:inputType="textPersonName"
        android:paddingBottom="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:paddingTop="10dp"
        android:textColor="#999999"
        android:textSize="16sp" />

    <ImageButton
        android:id="@+id/search_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/search_field"
        android:layout_alignParentEnd="true"
        android:layout_alignTop="@+id/search_field"
        android:layout_gravity="center_vertical"
        android:background="@android:color/background_light"
        app:srcCompat="@drawable/search_button"
        android:layout_alignParentRight="true" />
</LinearLayout>

<LinearLayout
    android:id="@+id/section_home_recentsearchlist"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="2dp"
    android:orientation="vertical"
    android:layout_below="@+id/section_home_search"
    android:layout_above="@id/section_home_offers"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="1dp"
        android:paddingBottom="4dp"
        android:text="Recently searched gyms"
        android:textColor="@color/light_black"
        android:textSize="14dp" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview_gymsrecent_home"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/section_home_recentsearchlist"
        android:clipToPadding="false"
        android:scrollbars="vertical" />

</LinearLayout>

<LinearLayout
    android:id="@+id/section_home_offers"
    android:layout_above="@id/section_home_trainerfb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="2dp"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="1dp"
        android:paddingBottom="4dp"
        android:text="Latest Offers"
        android:textColor="@color/light_black"
        android:textSize="14dp"/>

    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <LinearLayout
                android:layout_width="250dp"
                android:layout_height="175dp"
                android:layout_marginTop="5dp"
                android:background="#4169E1"
                android:orientation="vertical"
                android:padding="20dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:text="Fitness Plus"
                    android:textColor="@color/white"
                    android:textSize="23dp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="2dp"
                    android:text="Choice of Gym Trial Classes and More at Rs.149 only !\nEarn Upto 8.5% Cashback"
                    android:textColor="@color/white"
                    android:textSize="14dp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@color/darkorange"
                    android:padding="8dp"
                    android:text=" Learn More "
                    android:textColor="@color/white"
                    android:textSize="16dp"
                    android:textStyle="bold" />

            </LinearLayout>

            <LinearLayout
                android:layout_width="250dp"
                android:layout_height="175dp"
                android:layout_marginTop="5dp"
                android:background="#4169E1"
                android:orientation="vertical"
                android:padding="20dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:text="Health Total"
                    android:textColor="@color/white"
                    android:textSize="23dp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="2dp"
                    android:text="1-Month Health Plan for Lifestyle Ailments. "
                    android:textColor="@color/white"
                    android:textSize="14dp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@color/darkorange"
                    android:padding="8dp"
                    android:text=" Learn More "
                    android:textColor="@color/white"
                    android:textSize="16dp"
                    android:textStyle="bold" />

            </LinearLayout>


            <LinearLayout
                android:layout_width="250dp"
                android:layout_height="175dp"
                android:layout_marginTop="5dp"
                android:background="#4169E1"
                android:orientation="vertical"
                android:padding="20dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:text="Gym 'N' Swim"
                    android:textColor="@color/white"
                    android:textSize="23dp"
                    android:textStyle="bold" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="2dp"
                    android:text="Swimming Pool &amp; Gym Memberships at Rs.5000 only. "
                    android:textColor="@color/white"
                    android:textSize="14dp" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:background="@color/darkorange"
                    android:padding="8dp"
                    android:text=" Learn More "
                    android:textColor="@color/white"
                    android:textSize="16dp"
                    android:textStyle="bold" />

            </LinearLayout>

        </LinearLayout>
    </HorizontalScrollView>
</LinearLayout>

<LinearLayout
    android:id="@+id/section_home_trainerfb"
    android:layout_alignParentBottom="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="2dp"
    android:orientation="vertical">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingRight="5dp"
        android:paddingTop="2dp"
        android:paddingBottom="4dp"
        android:text="Trainer's Feedback"
        android:textColor="@color/light_black"
        android:textSize="14dp"/>

</LinearLayout>

【讨论】：