在选项卡式Activity中设计错误的导航抽屉

时间:2017-05-09 09:14:10

标签: android navigation-drawer

我的tabbedActivity的导航工具有问题。

如果我可以这样说,我有设计问题。 当我打开导航抽屉时,我希望他像这样打开(这是我的应用程序的另一个活动):

Good_design

但是在我的标签式活动中它会像这样打开:

enter image description here

如何向下移动导航抽屉,以免影响我的活动标题?

我的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/drawerLayout"
fitToSystemWindows="true"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<LinearLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:theme="@style/ToolBarStyle"
        android:background="@color/colorPrimary" />

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:elevation="5dp"
            app:theme="@style/ToolBarStyle"
            app:layout_scrollFlags="scroll|enterAlways"
            tools:ignore="UnusedAttribute" />

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

    <android.support.v4.view.ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

    </android.support.v4.view.ViewPager>

</LinearLayout>

<android.support.design.widget.NavigationView
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_gravity="start"
    android:id="@+id/menu_navigation"
    app:menu="@menu/navigation_menu"></android.support.design.widget.NavigationView>

3 个答案:

答案 0 :(得分:3)

您应该将工具栏移动到drawerLayout外部。 从现在开始工具栏上有drawerLayout作为其父级,这就是为什么它显示为这样的原因。

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout android:layout_width="match_parent"
                android:layout_height="match_parent"
                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.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:theme="@style/ToolBarStyle"
    android:background="@color/colorPrimary"/>
<android.support.v4.widget.DrawerLayout
    android:layout_below="@+id/toolbar"
    android:id="@+id/drawerLayout"
    fitToSystemWindows="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:elevation="5dp"
                app:theme="@style/ToolBarStyle"
                app:layout_scrollFlags="scroll|enterAlways"
                tools:ignore="UnusedAttribute"/>

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

        <android.support.v4.view.ViewPager
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">

        </android.support.v4.view.ViewPager>

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:layout_gravity="start"
        android:id="@+id/menu_navigation"
        app:menu="@menu/navigation_menu"></android.support.design.widget.NavigationView>

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

答案 1 :(得分:0)

<android.support.design.widget.NavigationView
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:layout_gravity="start"
    android:layout_marginTop="@dimen/some_margin"
    android:id="@+id/menu_navigation"
    app:menu="@menu/navigation_menu" />

在您的NavigationView

中添加保证金

答案 2 :(得分:0)

对导航视图进行此更改。

<android.support.design.widget.NavigationView
android:layout_marginTop="?android:attr/actionBarSize"
android:layout_width="wrap_content"
android:layout_height="200dp"
android:layout_gravity="start"
android:id="@+id/menu_navigation"
app:menu="@menu/navigation_menu">