片段布局不覆盖整个屏幕

Posted 2023-04-18

技术标签:

【中文标题】片段布局不覆盖整个屏幕【英文标题】：Fragment layout not covering entire screen 【发布时间】：2020-02-07 18:30:43 【问题描述】：

我试图在底部导航的其中一个片段上显示地图。

但是，附加的片段没有覆盖整个屏幕。我尝试为片段添加背景颜色如下：

在尝试向片段添加地图时，它也不会转换整个屏幕，而是只显示屏幕的一部分。在我的布局代码下方：

底部导航.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_
    android:layout_
    android:background="@color/grey_5">

    <include
        android:id="@+id/search_bar"
        layout="@layout/include_card_view_search_bar" />


        <androidx.core.widget.NestedScrollView
            android:id="@+id/nested_scroll_view"
            android:layout_
            android:layout_
            android:scrollbars="none"
            android:scrollingCache="true">

            <LinearLayout
                android:layout_
                android:layout_
                android:descendantFocusability="blocksDescendants"
                android:orientation="vertical">

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginBottom="@dimen/spacing_middle" />

                <FrameLayout
                    android:id="@+id/content"
                    android:layout_
                    android:layout_
                    android:layout_weight="1"
                    android:background="@color/blue_500"/>

            </LinearLayout>

        </androidx.core.widget.NestedScrollView>




    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:background="@color/blue_grey_700"
        app:itemIconTint="@drawable/color_state_white_2"
        app:itemTextColor="@drawable/color_state_white_2"
        app:menu="@menu/menu_bottom_navigation_shifting" />

</RelativeLayout>

我的地图片段：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_
    android:layout_
    android:background="@color/grey_5">

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical">

        <fragment
            android:id="@+id/map"
            android:name="com.google.android.gms.maps.SupportMapFragment"
            android:layout_
            android:layout_ />

    </LinearLayout>

    <LinearLayout
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:orientation="vertical">

        <View
            android:layout_
            android:layout_
            android:background="@drawable/bg_gradient_soft" />

        <LinearLayout
            android:layout_
            android:layout_
            android:background="@android:color/white"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_
                android:layout_
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="horizontal"
                android:padding="@dimen/spacing_medium">

                <ImageButton
                    android:id="@+id/map_button"
                    android:layout_
                    android:layout_
                    android:background="?attr/selectableItemBackgroundBorderless"
                    android:onClick="clickAction"
                    android:tint="@color/colorPrimary"
                    app:srcCompat="@drawable/ic_near_me" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="Map"
                    android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
                    android:textColor="@color/colorPrimary"
                    android:textStyle="bold" />

            </LinearLayout>

            <View
                android:layout_
                android:layout_ />

            <LinearLayout
                android:layout_
                android:layout_
                android:layout_weight="1"
                android:gravity="center"
                android:padding="@dimen/spacing_medium">

                <ImageButton
                    android:id="@+id/list_button"
                    android:layout_
                    android:layout_
                    android:background="?attr/selectableItemBackgroundBorderless"
                    android:onClick="clickAction"
                    android:tint="@color/colorPrimary"
                    app:srcCompat="@drawable/ic_format_list_bulleted" />

                <TextView
                    android:layout_
                    android:layout_
                    android:text="List"
                    android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
                    android:textColor="@color/colorPrimary"
                    android:textStyle="bold" />

            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/add_button"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:layout_marginBottom="15dp"
        android:clickable="true"
        android:onClick="clickAction"
        android:tint="@android:color/white"
        app:backgroundTint="@color/colorPrimary"
        app:elevation="2dp"
        app:fabSize="normal"
        app:rippleColor="@color/deep_orange_400"
        app:srcCompat="@drawable/ic_add" />

</RelativeLayout>

使用我的代码附加地图：

 mapFragment = (SupportMapFragment) this.getChildFragmentManager().findFragmentById(R.id.map);

应用如下所示：

【问题讨论】：

【参考方案1】：

在 NestedScrollView 中添加 android:fillViewport="true"

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_
    android:layout_
    android:background="@color/grey_5">

    <include
        android:id="@+id/search_bar"
        layout="@layout/include_card_view_search_bar" />


        <androidx.core.widget.NestedScrollView
            android:id="@+id/nested_scroll_view"
            android:layout_
            android:layout_
            android:scrollbars="none"
            android:scrollingCache="true"
            android:fillViewport="true">

            <LinearLayout
                android:layout_
                android:layout_
                android:descendantFocusability="blocksDescendants"
                android:orientation="vertical">

                <View
                    android:layout_
                    android:layout_
                    android:layout_marginBottom="@dimen/spacing_middle" />

                <FrameLayout
                    android:id="@+id/content"
                    android:layout_
                    android:layout_
                    android:layout_weight="1"
                    android:background="@color/blue_500"/>

            </LinearLayout>

        </androidx.core.widget.NestedScrollView>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:background="@color/blue_grey_700"
        app:itemIconTint="@drawable/color_state_white_2"
        app:itemTextColor="@drawable/color_state_white_2"
        app:menu="@menu/menu_bottom_navigation_shifting" />

</RelativeLayout>

【讨论】：

我遇到了同样的问题，ScrollView 正在包装来自 Fragment 的内容。 android:fillViewport="true" 做了我需要的谢谢【参考方案2】：

如果不需要 NestedScrollView，请尝试使用其他 ViewGroup，即 LinearLayout 或 RelativeLayout。似乎问题在于将片段内容包装在 NestedScrollView 中。

【讨论】：

【参考方案3】：

您已在 NestedScrollView 中使用 FrameLayout(id-content)，尝试从那里移除 NestedScrollView 并将其添加到您将其替换为 FrameLayout(id-content) 的布局中

【讨论】：

我需要嵌套滚动视图，因为我正在使用 OnScrollChangeListener 并隐藏工具栏和底部导航栏

以上是关于片段布局不覆盖整个屏幕的主要内容，如果未能解决你的问题，请参考以下文章

Android 透明 Activity 没有覆盖整个屏幕

android布局片段和普通布局

NestedScrollView 内的子级未覆盖整个屏幕高度

编程约束 - 使用布局锚覆盖整个超级视图

Android片段z-index覆盖

片段的布局被活动的工具栏/标签布局覆盖