android - 来自谷歌的新底部布局

Question

首先，我很抱歉问这样的问题，但是在我下载了最新的 Google IO 应用程序之后，

我只是喜欢底部的布局，如下所示 截图

作为 android 开发的新手，我不知道从哪里开始，知道如何用 XML 中的圆圈星实现这个底部布局吗？有谁知道这个设计叫什么？

Answer 1

您可以使用新的 Material Components for Android和 BottomAppBar组件。

使用类似的东西:

 <com.google.android.material.bottomappbar.BottomAppBar
      android:id="@+id/bar"
      android:layout_gravity="bottom"
      app:fabCradleMargin="8dp"
      app:fabCradleRoundedCornerRadius="8dp"
      app:fabCradleVerticalOffset="0dp"
      ... />

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

你必须使用这些属性:

• fabCradleMargin 属性。 它增加或减少 FloatingActionButton 和 BottomAppBar
之间的距离
• fabCradleRoundedCornerRadius 属性。它指定切口周围角的圆度

旧支持库

随着Support Library 28.0.0 ，设计库包含 BottomAppBar。

你可以使用

<android.support.design.bottomappbar.BottomAppBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    app:backgroundTint="@color/colorPrimary"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

您可以使用这些属性自定义组件:

• app:fabAlignmentMode: 声明已附加到底部应用栏的 FAB 的位置。这可以是 end 或 center

• app:fabCradleVerticalOffset: 声明要用于附加晶圆厂的垂直偏移。默认情况下，这是 0dp。

• app:backgroundTint: 用于将色调应用到 View 的背景。

您还可以通过在要附加的 FAB 组件上使用 app:layout_anchor 附加一个 fab，使用底部应用栏的 ID。