Google的新底部布局

Question

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

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

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

Answer 1

您可以使用适用于 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属性。它指定切口周围角的圆度

旧的支持库

使用支持库 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:? 用于对视图的背景应用色调。

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