如何在android中实现底部导航栏?

时间:2017-04-05 11:30:30

标签: android xml android-layout android-fragments

我对Android开发很新,所以我确定我在这里犯了初学者的错误。我正在尝试按照此指南实现底部导航栏:https://segunfamisa.com/posts/bottom-navigation-view-android

我已经下载了演示项目,但它确实有效。我现在正在尝试复制底部导航的代码,并使其在另一个Android工作室项目中工作,我收到此错误。

enter image description here

我认为这个错误的原因是我的主要活动中的这段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" />

我认为这与我的文件夹结构有关。演示项目与我的项目具有不同的文件夹结构。

Demo Project

Demo Project

我创建的项目在哪里有这个文件夹结构。

My Project

My Project

我认为问题是当我在项目中添加文件夹时文件夹没有出现在包文件夹中,而在演示项目中就是这种情况。

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

这是我的buildgradle(Project Celebreak)文件: apply plugin:'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'

5 个答案:

答案 0 :(得分: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;

答案 1 :(得分:0)

应该是:

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的更多属性,请参阅Documentation

答案 2 :(得分:0)

不是import tensorflow as tf with tf.device('/cpu:0'): v = tf.get_local_variable('myvar', [1, 1], initializer=tf.zeros_initializer()) with tf.control_dependencies([tf.variables_initializer([v])]): v2 = tf.identity(v.read_value(), name='myvar2') with tf.Session() as sess: print(sess.run(v2)) ,应该是design:menu="@menu/bottom_nav_items"

答案 3 :(得分:0)

您需要创建menu作为目录而不是Android资源目录,然后将bottom_nav_items.xml粘贴到其中。 enter image description here

答案 4 :(得分:0)

在Android Studio 2.3中,他们在新项目开始时提供了此功能。创建新项目并为项目的开始活动选择底部导航,并研究他们的代码,因为它们提供了完美的代码。

您将获得其他代码,但谷歌将提供最好的。

祝你好运!