导航/系统栏隐藏问题下方的布局答案

【问题标题】：Navigation/System bar hides layout below Issue导航/系统栏隐藏问题下方的布局
【发布时间】：2016-01-27 06:12:11
【问题描述】：

我在我的应用程序中使用以下主题，但它隐藏了导航栏下方的布局。

<style name="AppTheme_21" parent="@android:style/Theme.DeviceDefault.Light.NoActionBar.TranslucentDecor">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:editTextStyle">@style/EditTextStyle</item>
    <item name="android:spinnerStyle">@style/SpinnerColor</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

请查看附件图片：

列表视图在导航栏下方。我希望根据我的要求在导航栏上方有列表视图。

请帮帮我。谢谢

Xml 代码：

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/menu_bg_design"
    android:orientation="vertical"
    android:weightSum="3.8">

    <LinearLayout
        android:id="@+id/statusBarBackgroundLinearLayout"
        android:layout_width="match_parent"
        android:layout_height="@dimen/margin15"
        android:clickable="false"
        android:focusable="false"
        android:orientation="horizontal"></LinearLayout>

    <include layout="@layout/header_menu" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1.45"
        android:background="@drawable/menu_bg_design"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/ll_pro"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal|top"
                android:orientation="vertical">

                <FrameLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal|top">

                    <LinearLayout
                        android:layout_width="@dimen/circle"
                        android:layout_height="@dimen/circle"
                        android:layout_gravity="center"
                        android:background="@drawable/hollowcircle_prof"
                        android:orientation="horizontal" />

                    <ProgressBar
                        android:id="@+id/image_progressbar"
                        style="@android:style/Widget.ProgressBar.Small"
                        android:layout_width="wrap_content"
                        android:layout_height="match_parent"
                        android:layout_centerInParent="true"
                        android:layout_gravity="center"
                        android:visibility="visible" />

                    <imageloader.CircularImageView
                        android:id="@+id/img_profile"
                        android:layout_width="@dimen/margin80"
                        android:layout_height="@dimen/margin80"
                        android:layout_gravity="center"
                        android:background="@drawable/pro_pic"
                        android:gravity="center" />
                </FrameLayout>

                <fonts.TextViewRegular
                    android:id="@+id/txt_name_dash"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/padding5"
                    android:singleLine="true"
                      android:textAppearance=
            "@style/TextAppearance.AppCompat.Medium"
                    android:textColor="@android:color/white" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginTop="@dimen/padding5"
                android:gravity="center"
                android:orientation="horizontal">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical">

                    <fonts.TextViewRegular
                        android:id="@+id/txt_earning"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/padding5"
                        android:singleLine="true"
                        android:textAppearance=
                        "@style/TextAppearance.AppCompat.Medium"
                        android:textColor="@android:color/white" />

                    <fonts.TextViewRegular
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/padding5"
                        android:singleLine="true"
                        android:text="@string/earnings"
                        android:textAppearance=
                        "@style/TextAppearance.AppCompat.Small"
                        android:textColor="@android:color/white" />
                </LinearLayout>

                <View
                    android:layout_width="1px"
                    android:layout_height="@dimen/margin60"
                    android:layout_gravity="center"
                    android:layout_marginBottom="@dimen/padding5"
                    android:layout_marginTop="@dimen/padding5"
                    android:background="@android:color/white" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:gravity="center"
                    android:orientation="vertical">

                    <fonts.TextViewRegular
                        android:id="@+id/txt_totalactivity"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/padding5"
                        android:singleLine="true"
                        android:textAppearance=
                        "@style/TextAppearance.AppCompat.Medium"
                        android:textColor="@android:color/white" />

                    <fonts.TextViewRegular
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/padding5"
                        android:singleLine="true"
                        android:text="@string/total_activity"
                        android:textAppearance=
                        "@style/TextAppearance.AppCompat.Small"
                        android:textColor="@android:color/white" />
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2.35"
        android:orientation="vertical"
        android:weightSum="3">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1.2"
            android:background="@android:color/white"
            android:gravity="center_vertical"
            android:orientation="vertical"
            android:paddingLeft="@dimen/margin20"
            android:paddingRight="@dimen/margin20">

            <fonts.TextViewRegular
                android:id="@+id/txt_desc_dash"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text=                
       "@string/
       you_can_now_start_completing_missions_to_get_more_missions"
                android:textAppearance=
        "@style/TextAppearance.AppCompat.Small"
                android:textColor="@color/text_grey_dark" />

            <fonts.TextViewHead
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/enjoy_the_missions"
                android:textAppearance="@style/TextAppearance.AppCompat.Small"
                android:textColor="@color/text_grey_dark" />

            <fonts.TextViewHead
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin10"
                android:text="@string/available_mission"
                android:textAppearance="
                @style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/orange_bgcolor" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1.8"
            android:background="@android:color/white"
            android:orientation="vertical">

            <ListView

                android:id="@+id/list_avialmission"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:divider="@null"
                tools:listitem=
                "@layout/element_availmission_dashboard">  
               </ListView>

            <fonts.TextViewHead
                android:id="@+id/txt_no_mission"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="No Missions."
                android:textAppearance=
                "@style/TextAppearance.AppCompat.Medium.Inverse"
                android:textColor="@color/text_grey_light"
                android:visibility="gone" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:id="@+id/progressBarLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@android:color/transparent"
    android:clickable="true"
    android:gravity="center"
    android:visibility="gone">

    <ProgressBar
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="visible" />
</LinearLayout>

【问题讨论】：

我的意思是，如果您正在使用整个CoordinatorLayout。它不在导航栏下方，实际上，它在AppBarLayout 下方。所以请编辑您的问题并告诉我们您想要的确切位置展示它。
是的。我想在该导航栏上方有列表视图。它隐藏了列表，我无法单击列表视图的最后一行，因为它位于导航栏下。我的主题在哪里错？
它是一个可滚动组件，意味着如果您在该布局上使用它，您应该能够滚动它，然后在下面，您将看到列表视图
添加您的布局代码，我会为您解决。您也可以使用 RecyclerView。
是的，我知道我希望列表视图不在导航栏下方。好吧，让我添加我的 xml 代码

标签： android android-layout themes app-themes

【解决方案1】：

当然应该是这样，当然你使用的是FrameLayout和ListView。

将你的内容（布局）放在CoordinatorLayout和NestedScrollview内。然后，当用户将其拉下时，它会折叠AppBarLayout内容（例如，你的粉红色部分case) 然后用户就可以看到下面布局的内容是什么（在这种情况下，ListView 内容）。

否则，如果您将FrameLayout 用作根标签，则将ListView 和FrameLayout 一起使用不是一个好方法。

您可能想看看Android Design Support Library。

【讨论】：

【解决方案2】：

只需使用 android:clipToPadding=”false”

这里取自伊恩湖： https://medium.com/google-developers/why-would-i-want-to-fitssystemwindows-4e26d9ce1eec#.5yuy2c40s

【讨论】：