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

我對Android開發非常陌生，所以我確信我在這裏讓初學者犯了錯誤。我試圖通過按照此指南在這裏實現底部導航欄：https://segunfamisa.com/posts/bottom-navigation-view-android 如何在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'

來源

2017-04-05 Lewis Black

它應該是：

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

來源

2017-04-05 11:33:00 rafsanahmad007

感謝您的回答。試過這個，我得到'包裝'android''屬性'菜單'找不到資源標識符的錯誤。在我的模塊應用程序構建gradle中，我也有編譯語句。在你的'build.gradle'中加入 –

加上'compile'com.android.support：design：25.0.0'' ... – rafsanahmad007

是build.gradle（Project：Project name）文件還是build.gradle（Module：應用程序）文件？如果是文件中的項目文件，我可以添加它嗎？ –

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

來源

2017-04-05 11:34:32 Darish

謝謝您的回答。我試着基於你和rafsanahmad007的答案，我有一個新的錯誤'包'android'中找不到屬性'菜單'的資源標識符。在旁邊注意到演示應用程序與設計在那裏工作，但我正在瀏覽文檔，因爲我不明白這個意思。 –

您需要創建menu作爲目錄而不是Android的資源目錄，然後再粘貼在bottom_nav_items.xml它。

來源

2017-04-05 11:35:22

首先在佈局補充一點：

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

來源

2017-04-05 12:59:45

在Android Studio中2.3他們在新項目開始時就提供了這一點。創建新項目併爲項目的開始活動選擇底部導航，並在提供完美代碼時研究其代碼。

你會得到其他的代碼，但谷歌將提供最好的。

祝你好運！

來源

2017-04-05 13:30:57

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

回答

相關問題