如何在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" /> 

我觉得这是做与我有的文件夹结构。演示项目与我的项目有不同的文件夹结构。

凡为我创造了这个项目有这个文件夹结构。

我认为问题是，当我在我的项目文件夹不会出现在包文件夹，而在示范项目是这种情况添加文件夹。

编辑---------------

这是我buildgradle（项目Celebreak）文件： 应用插件： '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

它应该是：

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

也确保您在摇篮过这样的：

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

对于BottomNavigationView多个属性看Documentation

Answer 2

这不是design:menu="@menu/bottom_nav_items"，它应该是app:menu="@menu/bottom_nav_items"

Answer 3

您需要创建menu作为目录而不是Android的资源目录，然后再粘贴在bottom_nav_items.xml它。

Answer 4

首先在布局补充一点：

<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> 

然后在你的活动实现这一点：

BottomNavigationView bottomNavigationView; 

Answer 5

在Android Studio中2.3他们在新项目开始时就提供了这一点。创建新项目并为项目的开始活动选择底部导航，并在提供完美代码时研究其代码。

你会得到其他的代码，但谷歌将提供最好的。

祝你好运！