将浮动操作按钮移动到底部

时间:2016-07-19 17:59:01

标签: android android-layout floating-action-button

我已经克隆了{strong> Chris Banes 的CheeseSquare sample code。虽然我有最新版本的支持库和Android Studio,但我在Nexus 4,Android 4.2.2上运行此代码。

此示例代码显示浮动操作按钮两次,即主要活动include_list_viewpager.xml),即3个选项卡,以及 CheeseDetailActivity activity_detail.xml

主要活动include_list_viewpager.xml)中,浮动操作按钮位于底部,描述如下:

<android.support.design.widget.FloatingActionButton
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:layout_anchor="@id/appbar"
    android:layout_gravity="end|bottom"
    android:src="@drawable/ic_discuss"
    android:layout_margin="@dimen/fab_margin"
    android:clickable="true"/>

另一方面,浮动操作按钮位于 CheeseDetailActivity activity_detail.xml)的中间位置。它被描述为:

<android.support.design.widget.FloatingActionButton
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    app:layout_anchor="@id/appbar"
    app:layout_anchorGravity="bottom|right|end"
    android:src="@drawable/ic_discuss"
    android:layout_margin="@dimen/fab_margin"
    android:clickable="true"/>

我想将 CheeseDetailActivity activity_detail.xml)中的浮动操作按钮移至底部,如主要活动所示({{1} })。我尝试将include_list_viewpager.xml更改为layout_anchorGravity,如下所示:

layout_gravity

我很好奇为什么浮动动作按钮会使用上面提到的修改代码移动到屏幕顶部?有没有办法把它带到底层?

1 个答案:

答案 0 :(得分:3)

app:layout_anchor="@id/appbar"表示FloatingActionButton将被“锚定”或附加到应用栏。如果你想要解除他们的位置,请删除该行。