无法将我的fab图标设置到我页面的右下角

时间:2016-12-01 19:16:16

标签: android floating-action-button

我在我的应用程序右下方插入fab图标时遇到问题,即使我将锚点设置为bottom|right你们可以帮助我这样做吗,因为fab图标出现在左上角部分该应用程序。

    <android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.example.kun.carkila.OwnerTabs">

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top|left"
    android:layout_margin="@dimen/fab_margin"
    app:srcCompat="@drawable/plus"
    app:layout_anchor="@+id/container"
    app:layout_anchorGravity="bottom|right" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top|left"
    android:layout_margin="@dimen/fab_margin"
    app:srcCompat="@drawable/ic_directions_car_white_48dp"
    app:layout_anchor="@+id/container"
    app:layout_anchorGravity="bottom|right" />

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:minHeight="?attr/actionBarSize"
        android:background="#990000"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="@dimen/appbar_padding_top"
    android:theme="@style/AppTheme.AppBarOverlay"
    android:background="#990000">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

</android.support.design.widget.AppBarLayout>



<android.support.v4.view.ViewPager
    android:id="@+id/container"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />


</LinearLayout>

2 个答案:

答案 0 :(得分:2)

首先,要使用anchor属性,您应该将CoordinatorLayout作为父视图。 其次,您的浮动按钮视图位于AppBarLayout中,它始终位于屏幕顶部。

从AppBarLayout中取出浮动按钮,并使用CoordinatorLayout作为父视图。

答案 1 :(得分:1)

这应该有效!使用

android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"

<android.support.design.widget.FloatingActionButton
                android:layout_alignParent="true"
                android:layout_alignParentRight="true"
                android:layout_alignParentBottom="true"
                android:id="@+id/fab"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:layout_margin="@dimen/fab_margin"
                app:srcCompat="@drawable/ic_directions_car_white_48dp"
                app:layout_anchorGravity="bottom|right" />

哇,这个浮动按钮的父亲的相对布局是什么?