右侧的 BottomAppBar 项

Posted 2023-04-18

【中文标题】右侧的 BottomAppBar 项

【英文标题】：BottomAppBar item on right side

【发布时间】：2019-04-03 10:13:11

【问题描述】：

我想在中心模式下使用 BottomAppBar 和 FAB。 我有 4 个项目要显示并想像这样拆分

这可能吗？如果是这样：如何？

编辑：我在这里找到了解决方案：How to make Bottom AppBar like Google Home App?

【问题讨论】：

很简单，只需在您的BottomAppBar

中使用 app:fabAlignmentMode="center"

请与我们分享代码 sn-ps 到目前为止您所做的尝试以及您所做的其他研究。包括结果是什么。在寻求答案之前，很高兴看到您为此付出了一些努力。

我尝试添加“空格/空白项”，但无法正常工作。在此处查看屏幕截图：prntscr.com/lc7sip

将您的 xml 作为问题的一部分发布到底部栏，我们可以查看一下

嗨。我在这里找到了解决方案：***.com/questions/52810905/… 只需对涟漪效应进行一些更改，我们就可以了

【参考方案1】：

您需要在您的 xml 中添加带有 fab 的底部栏

<com.google.android.material.bottomappbar.BottomAppBar
      android:id="@+id/bar"
      android:layout_
      android:layout_
      android:layout_gravity="bottom"
      app:fabAlignmentMode="center"
      app:fabAttached="true"
      app:navigationIcon="@drawable/ic_menu_24"/>

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

如果您想知道如何设置您的底部应用栏，请查看this tutorial

【讨论】：

对不起，我犯了一个错误。将工厂设置为中心模式没有问题。问题是如何在左侧设置两个图标，在右侧设置两个图标