[英]How we can put Floating action button on top of any layout
我正在对浮动操作按钮进行一些操作。 我有一个列表视图并在屏幕底部显示谷歌广告,浮动操作按钮显示在同一位置(底部|末端)。 所以操作按钮隐藏了广告。
我想将浮动操作按钮移动到广告线性布局上方一点。
我的代码是这样的:
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
android:layout_alignParentBottom="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_gravity="bottom|end"
android:src="@drawable/fav"
android:adjustViewBounds="false" />
adLayoutId is ad layout id
请帮忙。
提前致谢。
您应该使用RelativeLayout
,正如我们所知, RelativeLayout
RelativeLayout
前面的孩子之上。
因此,要让 FAB 浮动在任何布局之上,请确保在所有视图之后(在 XML 布局的末尾)定义 FAB。
如果您使用android:layout_margin="@dimen/fab_margin"
操作 FAB 的最佳方式是设置视图之间的依赖关系,例如:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/listView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/adLayoutId"/>
<LinearLayout
android:id="@+id/adLayoutId"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@android:color/black"/>
<android.support.design.widget.FloatingActionButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/adLayoutId"
android:layout_alignParentRight="true"
android:layout_margin="@dimen/fab_margin"
android:src="@drawable/fav"/>
</RelativeLayout>
浮动操作按钮始终位于广告线性布局之上,并且独立于广告布局尺寸。 希望能帮助到你。
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_marginBottom="100dp"
android:layout_marginRight="30dp"
/>
fab 按钮内的这两行帮助我解决了这个问题:
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
这是我单独用于按钮的完整代码:
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab_newStudent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
android:contentDescription="@string/todo"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:srcCompat="@drawable/ic_baseline_add_24" />
这两行很重要。
android:layout_alignParentEnd="真"
机器人:layout_alignParentBottom =“真”
添加 55dp 的底部边距,这是 Admob 横幅的大小
此行位于浮动按钮或封闭布局中。
android:layout_marginBottom="55dp
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.