无法使用gradle 2.3.3向android添加bottomnavigation

Question

这是整个activity_main.xml

 <FrameLayout
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/bottom_navigation"
     />
<android.support.design.widget.BottomNavigationView
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="@color/colorPrimary"
    app:itemIconTint="@color/colorNavIcon"
    app:itemTextColor="@color/colorNavText"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/bottom_navigation" />

它显示进程'命令'Sdk \ build-tools \ 26.0.1 \ aapt.exe'的错误已完成非零退出值1我试图清理并重建项目但只是清理它将失败该错误我的activity_main.xml中

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="com.ibm.watson.developer_cloud.android.myapplication.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/target_language"
        android:textStyle="bold" />

  <RadioGroup
      android:id="@+id/target_language"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal">

      <RadioButton
          android:id="@+id/spanish"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/spanish"
          android:checked="true" />

      <RadioButton
          android:id="@+id/french"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/french" />

      <RadioButton
          android:id="@+id/italian"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/italian" />

  </RadioGroup>

  <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/input"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="@string/input_hint" />

        <ImageButton
            android:id="@+id/mic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_mic"
            android:contentDescription="@string/microphone" />

    </LinearLayout>

  <Button
      android:id="@+id/translate"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="@string/translate"
      android:enabled="false" />

  <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/play"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_play"
            android:contentDescription="@string/play" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:text="@string/translation_label"
            android:textStyle="bold" />

    </LinearLayout>

    <TextView
        android:id="@+id/translated_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

  <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      >

    <Button
        android:id="@+id/gallery_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Gallery"
        />

    <Button
        android:id="@+id/camera_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Camera"
        />


  </LinearLayout>

    <TextView
        android:id="@+id/resultTextView"
        android:layout_width="match_parent"
        android:layout_height="@dimen/edittext_height_100dp"
        android:layout_margin="8dp"
        android:textSize="@dimen/textSize20sp"
        android:padding="@dimen/padding8dp"
        android:textColor="@color/red"
        android:textColorHint="@color/red"
        android:hint="@string/your_input_speech_will_be_displayed_here"
        android:background="@drawable/rounded_edittext"/>
    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottom_navigation"
         />
    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@color/colorPrimary"
        app:itemIconTint="@color/colorNavIcon"
        app:itemTextColor="@color/colorNavText"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_navigation" />
</LinearLayout>

我的bottom_navigation.xml

   <?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_dialer"
        android:icon="@drawable/ic_dialerlightblue"
        android:title="Dial"/>
    <item
        android:id="@+id/nav_contacts"
        android:icon="@drawable/ic_people"
        android:title="Contacts"/>
    <item
        android:id="@+id/nav_transcripts"
        android:icon="@drawable/ic_transcripts"
        android:title="Transcripts"/>
    <item
        android:id="@+id/nav_settings"
        android:icon="@drawable/ic_tapnavsettings"
        android:title="Settings"/>
</menu>

使用这整个代码，我无法编译它并提示错误。

Answer 1

添加设计支持库第一步是将设计支持库添加到app级build.gradle文件中。

dependencies {
    ...
    compile 'com.android.support:design:25.0.0'
}

将BottomNavigationView添加到布局下一步，是将实际的底部导航视图添加到布局中。通常，您将添加以下内容：

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

BottomNavigationView使用design：menu是一个自定义属性，指向包含要在BottomNavigationView上显示的项目的菜单资源。

视图的自定义属性，包括：

design：itemBackground设置菜单资源设计的背景：itemIconTint设置应用于项目图标的色调。设计：itemTextColor设置菜单项文本颜色。 3.在菜单资源中定义导航项BottomNavigationView的使用方式与NavigationView非常相似，因为底部导航视图也使用菜单资源来填充项目。

要定义项目，您需要在菜单资源中执行此操作。让我们创建一个并将其命名为bottom_nav_items.xml，正如我们在上面的步骤2中指定的那样。

典型内容如下所示：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_home"
        android:title="@string/menu_home"
        android:icon="@drawable/ic_home_black"
        />
    <item
        android:id="@+id/menu_search"
        android:title="@string/menu_search"
        android:icon="@drawable/ic_search_black"
        />

    <item
        android:id="@+id/menu_notifications"
        android:title="@string/menu_notifications"
        android:icon="@drawable/ic_notifications_black" />
</menu>