FloatingActionButton 放置在另外 2 个小部件上方

Question

使用 Lollipop 版本 Android (v5.0) 并遵循 Material Design 指南，我想出了如何使用 ImageButton 标记和高度创建 FloatingActionButton。

如何获得位于其他 2 个小部件之间（和顶部）的按钮的效果？

     widget A
---------O---------  <<<<  button is placed on top where widget a and b meet
     widget B

我卡住了，有人有一些示例 XML 吗？

提前致谢

Answer 1

在 XML 中，您可以使用 FrameLayout 或 RelativeLayout 来覆盖按钮和其他视图等小部件。使用 FrameLayout 的快速示例：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<View
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="#88AAAA" />

<View
    android:layout_marginTop="108dp"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="#AA88AA" />

<!-- Your fab button -->
<ImageButton
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_gravity="center_horizontal"
    android:background="#ff0000"
    android:layout_marginTop="68dp" />

</FrameLayout>

结果：

:

FloatingActionButton 放置在另外 2 个小部件上方

FloatingActionButton placed above another 2 widgets

android

android-layout

material-design

android-5.0-lollipop