导航抽屉对齐问题

Posted

技术标签:

【中文标题】导航抽屉对齐问题【英文标题】:Navigation drawer alignment issue 【发布时间】:2016-03-14 09:00:16 【问题描述】:

我在操作栏下制作了导航抽屉。它在 Jellybean os 上运行良好,但在 marshmallow os 上却不工作..

在软糖中 我的活动主要 xml 是

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_
    android:layout_
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_checkout"
        android:layout_
        android:layout_ />

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_
        android:layout_ />
    <!-- The navigation drawer -->
    <ExpandableListView
        android:id="@+id/left_drawer"
        android:layout_
        android:layout_
        android:layout_gravity="start"
        android:background="#fdfdfd"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:groupIndicator="@null"
        android:layout_marginTop="?attr/actionBarSize"
        />

</android.support.v4.widget.DrawerLayout>

【问题讨论】:

【参考方案1】:

一个抽屉布局只允许有 2 个孩子,第一个是主要内容视图,第二个是抽屉。您需要将前两个视图组合成一个线性布局。

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

    <include
    layout="@layout/app_bar_checkout"
    android:layout_
    android:layout_ />

    <FrameLayout
    android:id="@+id/content_frame"
    android:layout_
    android:layout_ />

</LinearLayout>

【讨论】:

您是否实施了建议的更改? 是的。当我实现这个时。输出没有变化。在棉花糖中,导航抽屉不在操作栏下..谢谢 所以你想要它在操作栏下?建议的解决方案将其放在操作栏的顶部。要将其放在操作栏下方,您需要定义一个线性布局,其第一个孩子将是操作栏,第二个孩子将是抽屉布局。你需要从 Drawerlayout 中删除 app_bar_checkout 元素【参考方案2】:

我是这样弄的

<LinearLayout 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_
android:layout_
android:orientation="vertical"
android:fitsSystemWindows="true"
tools:context="com.qproinnovations.schoolmanagement.activity.HomeActivity">
    <android.support.design.widget.AppBarLayout
        android:layout_
        android:layout_
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_
            android:layout_
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" >

        </android.support.v7.widget.Toolbar>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_
        android:layout_
        android:fitsSystemWindows="true"
        tools:openDrawer="start">

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

        <android.support.design.widget.NavigationView
            android:id="@+id/nav_view"
            android:layout_
            android:layout_
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            app:menu="@menu/activity_home_drawer" />


    </android.support.v4.widget.DrawerLayout>



</LinearLayout>

【讨论】:

以上是关于导航抽屉对齐问题的主要内容,如果未能解决你的问题,请参考以下文章

导航抽屉 - 禁用点击抽屉后面的项目

导航抽屉不适用于导航组件

使用抽屉导航在反应本机导航中导航时屏幕冻结

Vuetify 导航抽屉问题

在所有活动问题中显示导航抽屉

如何同时使用导航抽屉和底部导航 - 导航架构组件