如何在两个小部件/布局之间添加新的“浮动操作按钮”

Question

如何在两个小部件/布局之间添加新的“浮动操作按钮”

我想你已经看到了新的Android设计指南，新的“浮动动作按钮”，也就是“Fab”。

我的问题听起来很愚蠢，而且我已经尝试了很多东西，但是在两个布局的交集处放置这个按钮的最好方法是什么呢？

在上面的例子中，这个按钮被完美地放置在我们可以想象的图像视图和相对Layout之间。

我已经尝试了很多调整，但我相信有一个正确的方法。

Answer 1

在本例中，似乎最干净的方法是：使用RelativeLayout将两个相邻视图放置在另一个下面。将Fab对齐到父的右/端，并添加一个右/尾边距。将Fab对齐到标头视图的底部，并添加负保证金，一半的Fab大小，包括影子例子改编自萨满国的实施，使用任何你想要的Fab。假设Fab为64 dp，包括阴影：<?xml&nbsp;version="1.0"&nbsp;encoding="utf-8"?><RelativeLayout &nbsp;&nbsp;&nbsp;&nbsp;xmlns:android="http://schemas.android.com/apk/res/android" &nbsp;&nbsp;&nbsp;&nbsp;android:layout_width="match_parent" &nbsp;&nbsp;&nbsp;&nbsp;android:layout_height="match_parent" &nbsp;&nbsp;&nbsp;&nbsp;android:orientation="vertical"> &nbsp;&nbsp;&nbsp;&nbsp;<View &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:id="@+id/header" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_width="match_parent" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_height="120dp" &nbsp;&nbsp;&nbsp;&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<View &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:id="@+id/body" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_width="match_parent" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_height="match_parent" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_below="@id/header" &nbsp;&nbsp;&nbsp;&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;<fully.qualified.name.FloatingActionButton &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:id="@+id/fab" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_width="wrap_content" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_height="wrap_content" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_alignParentRight="true" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_alignBottom="@id/header" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_marginBottom="-32dp" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;android:layout_marginRight="20dp" &nbsp;&nbsp;&nbsp;&nbsp;/></RelativeLayout>