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

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

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

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

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

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


小怪兽爱吃肉
浏览 529回答 3
3回答

缥缈止盈

在本例中,似乎最干净的方法是:使用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>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Android