Question

我尝试为我的应用程序创建NavigationView，如下所示：

<android.support.v4.widget.DrawerLayout
android:id="@+id/drawer_layout"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<!-- Toolbar instead of ActionBar so the drawer can slide on top -->
<android.support.v7.widget.Toolbar
  android:id="@+id/toolbar"
  android:layout_width="match_parent"
  android:layout_height="@dimen/abc_action_bar_default_height_material"
  android:background="?attr/colorPrimary"
  android:minHeight="?attr/actionBarSize"
  android:theme="@style/AppTheme.Toolbar"/>

<!-- Real content goes here -->
<FrameLayout
  android:id="@+id/content"
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_weight="1"/>

<!-- The navigation drawer -->
<android.support.design.widget.NavigationView
android:id="@+id/navigation"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@android:color/background_dark"
app:headerLayout="@layout/drawer_header"
app:itemIconTint="@android:color/background_light"
app:itemTextColor="@android:color/background_dark"
app:menu="@menu/drawer"/>

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

但是在查找headerLayout时会发现几个错误（drawer_header布局存在，还有drawer xml）。

它说：

在包'xxx.xxx'中找不到属性'headerLayout'的资源标识符

两种XML都存在，所以我不知道我做错了什么......

我正在使用Eclpse上的API 21进行编译。

为什么会发生这种错误？

编辑：请，我需要帮助...我仍然无法编译这个...我将我的代码上传到Dropbox给任何想要帮助我的人...仍然发现问题！

我尝试添加 appcompatv7 库，但是它们给我错误......现在我的项目无效......请帮忙！

Link to Dropbox here

Answer 1

您应该查看本教程以获取设计支持导航抽屉： http://antonioleiva.com/navigation-view/ 本教程最后还有一个指向github项目的链接。

在查看您的代码后，我可以告诉您已完成此操作：

<DrawerLayout>
   <Toolbar/>
   <FrameLayout>your content here</FrameLayout>
   <NavigationView/>
</DrawerLayout>

但这就是抽屉布局的工作原理：

<DrawerLayout>
    <LinearLayout>
        <Toolbar/>
        <FrameLayout>your content here</FrameLayout>
    </LinearLayout>
    <NavigationView/>
</DrawerLayout>

简而言之 - ＆gt; DrawerLayout应该只有两个孩子（here's the official doc表示如此）

Answer 2

这是我的榜样。我把drawerlayout放在CoordinatorLayout里面，因为我不希望抽屉阻挡我的工具栏。所以你可以看到漂亮的汉堡图标动画。

<android.support.design.widget.CoordinatorLayout 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"
    tools:context="<your package name.your activity name>">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Dark" />

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

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />


        <android.support.design.widget.NavigationView
            android:id="@+id/navigation"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            app:headerLayout="@layout/drawer_header"
            app:itemBackground="@drawable/drawer_item_bg"
            app:itemIconTint="@color/drawer_item_text"
            app:itemTextColor="@color/drawer_item_text"
            app:menu="@menu/navigation_menu" />

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

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

然后您需要布局文件夹中另一个名称为drawer_header.xml的布局。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:customAttrs="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="156dp"
    android:background="@color/primary_color"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_marginBottom="8dp"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:text="@string/app_name"
        android:textColor="@color/primary_white"/>

</FrameLayout>

drawable文件夹中的drawable，名称为drawer_item_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <color android:color="@color/primary_color_light"/>
    </item>
    <item>
        <color android:color="@android:color/transparent"/>
    </item>
</selector>

更不用说style.xml中的主题了

<style name="AppBase" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary_color</item>
    <item name="colorPrimaryDark">@color/primary_color_dark</item>
    <item name="colorAccent">@color/primary_yellow_bright</item>
    <item name="colorControlNormal">@color/primary_yellow</item>
    <item name="colorControlHighlight">@color/primary_color_light_100</item>
    <item name="colorControlActivated">@color/primary_yellow_bright</item>
    <item name="colorButtonNormal">@color/primary_yellow_bright</item>
    <item name="android:windowBackground">@color/primary_white</item>
    <item name="android:textColorPrimary">@color/primary_color</item>
    <item name="android:textColorSecondary">@color/primary_color_light</item>
    <item name="android:textColor">@color/primary_white</item>
    <item name="android:buttonStyle">@style/ButtonAppTheme</item>
</style>

最后，在build.gradle中添加这两个依赖项

compile 'com.android.support:appcompat-v7:23.0.1'
compile 'com.android.support:design:23.0.1'

Answer 3

升级到Android Studio后，一切都解决了......

谢谢所有人！

NavigationView提供了一些错误

3 个答案: