android – 与fab的底部导航

我目前正在使用BottomNavigationView和浮动操作按钮.
我想要实现的是：

我尝试过的：

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_insetEdge="bottom"
    tools:context=".activity.BottomNavPrimary">

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center|bottom" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomNavPrimary"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        app:layout_insetEdge="bottom"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/bottom_nav_primary"></android.support.design.widget.BottomNavigationView>

</android.support.design.widget.CoordinatorLayout>

解决方法:

您的设计看起来好像要使用完全与Android P一起发布的MaterialComponents中的新BottomAppBar.特别是如果左侧图标代表一种侧面导航,它可能是正确的导航元素.

但是,您必须注意,FAB左侧和右侧的元素与bottom navigation的目的不同.BottomAppBar定义为：而不是应用程序中“主要目标”的入口点.

A bottom app bar displays navigation and key actions at the bottom of mobile screens.

因此它适用于页面操作(例如打开仪表板或搜索).更多解释可以在design documentation中找到.

我还没有机会实现它(因为我真的需要底部导航),但这里是代码文档示例：

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <!-- Other components and views -->

  <com.google.android.material.bottomappbar.BottomAppBar
      android:id="@+id/bar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      app:navigationIcon="@drawable/ic_menu_24"/>

  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_anchor="@id/bar"/>

</android.support.design.widget.CoordinatorLayout>

所以对我来说,听起来好像你定义了两个页面菜单选项,因为FAB固定在栏上,它会将它们推到两侧.

该文档还包括今年Google I / O期间显示的可选FAB底座的选项,并显示了如何处理菜单和单击处理.

这是how to set up gradle中另一个有用的链接,用于在项目中包含新的材料组件.

标签：bottomnavigationview,android,android-layout,floating-action-button,android-coord
来源： https://codeday.me/bug/20190828/1746957.html