如何在Android中實現底部導航欄？

Question

我對Android開發非常陌生，因此可以肯定，我在這里犯了初學者的錯誤。 我正在嘗試通過遵循此指南來實現底部導航欄： https : //segunfamisa.com/posts/bottom-navigation-view-android

我已經下載了演示項目，並且可以正常工作。 我現在正嘗試復制底部導航的代碼，並使其在另一個android studio項目中運行，並收到此錯誤。

我認為此錯誤的原因是我主要活動中的這部分xml，它引用了我要顯示的bottom_nav_items：

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="start"
    design:menu="@menu/bottom_nav_items" />

我認為這與我擁有的文件夾結構有關。 演示項目的文件夾結構與我的項目不同。

作為我創建的項目，此文件夾結構在哪里。

我認為問題是當我在項目中添加文件夾時，文件夾沒有出現在package文件夾中，而在演示項目中，情況就是如此。

編輯---------------

這是我的buildgradle（Project Celebreak）文件：Apply插件：'com.android.application'

android {
compileSdkVersion 25
buildToolsVersion "25.0.2"
defaultConfig {
    applicationId "com.lewisblack.celebreak"
    minSdkVersion 16
    targetSdkVersion 25
    versionCode 1
    versionName "1.0"
    testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
buildTypes {
    release {
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
}

sourceSets {
    main {
        java.srcDirs = ['src/main/java', 'src/main/java/com/lewisblack/celebreak/model']
        res.srcDirs = ['src/main/res', 'src/main/res/menu']
    }
}
}

repositories {
    mavenCentral()
}

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
    exclude group: 'com.android.support', module: 'support-annotations'
})

compile 'com.android.support:design:25.0.0'
compile 'com.android.support:appcompat-v7:25.3.0'
compile 'com.android.support.constraint:constraint-layout:1.0.2'
compile 'com.google.android.gms:play-services:10.2.1'
compile 'com.google.firebase:firebase-core:10.2.0'
compile 'com.facebook.android:facebook-android-sdk:[4,5)'
testCompile 'junit:junit:4.12'
}

apply plugin: 'com.google.gms.google-services'

Answer 1

首先將其添加到布局中：

   <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        app:itemBackground="@color/white"
        app:itemIconTint="@color/bottomdrawer"
        app:itemTextColor="@color/bottomdrawer"
        app:menu="@menu/bottom_navigation_main" />

然后添加菜單，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_life"
        android:enabled="true"
        android:icon="@drawable/ic_favorite_white_24dp"
        android:title="@string/bottom_main"
        app:showAsAction="always" />
    <item
        android:id="@+id/action_contact"
        android:enabled="true"
        android:icon="@drawable/ic_favorite_white_24dp"
        android:title="@string/bottom_contact"
        app:showAsAction="always" />
    <item
        android:id="@+id/action_social"
        android:enabled="true"
        android:icon="@drawable/ic_favorite_white_24dp"
        android:title="@string/bottom_social"
        app:showAsAction="always" />
    <item
        android:id="@+id/action_application"
        android:enabled="true"
        android:icon="@drawable/ic_favorite_white_24dp"
        android:title="@string/bottom_app"
        app:showAsAction="always" />
    <item
        android:id="@+id/action_menu"
        android:enabled="true"
        android:icon="@drawable/ic_favorite_white_24dp"
        android:title="@string/bottom_menu"
        app:showAsAction="always" />
</menu>

然后在您的Activity中實現：

BottomNavigationView bottomNavigationView;

Answer 2

它應該是：

xmlns:app="http://schemas.android.com/apk/res-auto"
app:menu="@menu/bottom_nav_items"

還請確保您在Gradle中具有以下功能：

compile 'com.android.support:design:25.0.0'

有關BottomNavigationView更多屬性，請參見文檔

Answer 3

它不是design:menu="@menu/bottom_nav_items" ，應該是app:menu="@menu/bottom_nav_items"

Answer 4

您需要將menu創建為Directory而不是Android Resource Directory，然后將bottom_nav_items.xml粘貼到其中。

Answer 5

在Android Studio 2.3中，他們在新項目開始時提供了此功能。 創建新項目，並為項目的開始活動選擇底部導航，並研究它們的代碼，因為它們提供了完美的代碼。

您將獲得其他代碼，但是Google將提供最好的代碼。

祝好運！