Android 浮动操作按钮-第一次显示左上角

Android 浮动操作按钮-第一次显示左上角,android,android-layout,floating-action-button,Android,Android Layout,Floating Action Button,我正在显示创建片段时的FAB按钮,该按钮在单击导航项时打开 fragment_order_list.xml 点击屏幕后,屏幕显示如下: 有什么办法可以让它变得完美吗。我将在导航视图中显示此片段。为什么给它定位?移除锚和锚重力,然后它应该工作得很好 <android.support.design.widget.FloatingActionButton android:id="@+id/order_list_add_new_button" a

我正在显示创建片段时的FAB按钮,该按钮在单击导航项时打开

fragment_order_list.xml

点击屏幕后,屏幕显示如下:


有什么办法可以让它变得完美吗。我将在导航视图中显示此片段。

为什么给它定位?移除锚和锚重力,然后它应该工作得很好

       <android.support.design.widget.FloatingActionButton
        android:id="@+id/order_list_add_new_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:fabSize="normal"
        app:layout_behavior="pl.michalz.hideonscrollexample.ScrollingFABBehavior"/>

晶圆厂的行为

public class ScrollingFABBehavior extends CoordinatorLayout.Behavior<FloatingActionButton> {
private int toolbarHeight;

public ScrollingFABBehavior(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.toolbarHeight = getToolbarHeight(context);
}

@Override
public boolean layoutDependsOn(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
    return dependency instanceof AppBarLayout;
}

@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
    if (dependency instanceof AppBarLayout) {
            CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) fab.getLayoutParams();
            int fabBottomMargin = lp.bottomMargin;
            int distanceToScroll = fab.getHeight() + fabBottomMargin;
            float ratio = (float)dependency.getY()/(float)toolbarHeight;
            fab.setTranslationY(-distanceToScroll * ratio);
    }
    return true;
}
public static int getToolbarHeight(Context context) {
    final TypedArray styledAttributes = context.getTheme().obtainStyledAttributes(
            new int[]{R.attr.actionBarSize});
    int toolbarHeight = (int) styledAttributes.getDimension(0, 0);
    styledAttributes.recycle();

    return toolbarHeight;
}
}
公共类ScrollingFABBehavior扩展了CoordinatorLayout.Behavior{
私家车高度;
公共滚动行为(上下文、属性集属性){
超级(上下文,attrs);
this.toolbarHeight=getToolbarHeight(上下文);
}
@凌驾
公共布尔布局依赖项(坐标布局父项、浮动操作按钮fab、视图依赖项){
返回AppBarLayout的依赖实例;
}
@凌驾
公共布尔onDependentViewChanged(CoordinatorLayout父级、FloatingActionButton fab、视图依赖项){
if(AppBarLayout的依赖项实例){
CoordinatorLayout.LayoutParams lp=(CoordinatorLayout.LayoutParams)fab.getLayoutParams();
int fabBottomMargin=lp.bottomMargin;
int distancetoscoll=fab.getHeight()+fabBottomMargin;
浮动比率=(浮动)依赖项.getY()/(浮动)工具栏高度;
工厂设置平移Y(-DistanceToCroll*比率);
}
返回true;
}
公共静态int getToolbarHeight(上下文){
最终类型Darray styledAttributes=context.getTheme().ActainStyledAttributes(
新的int[]{R.attr.actionBarSize});
inttoolbarheight=(int)styledAttributes.getDimension(0,0);
styledAttributes.recycle();
返回高度;
}
}

尝试在布局的其余部分周围添加一个
线性布局
,并将其用作布局定位点,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <android.support.design.widget.CoordinatorLayout xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/order_list_parent_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.kevalam.koops.fragments.OrderListFragment">

        <LinearLayout android:id="@+id/container"
                      android:layout_width="match_parent"
                      android:layout_height="match_parent">
            <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:id="@+id/order_list_swipe_refresh_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_behavior="@string/appbar_scrolling_view_behavior">

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/order_list_recycler_view"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior"
                    tools:listitem="@layout/row_order_list_layout" />

            </android.support.v4.widget.SwipeRefreshLayout>

            <include
                android:id="@+id/empty_view"
                layout="@layout/layout_empty_view" />

            <include
                android:id="@+id/sync_now_layout"
                layout="@layout/layout_sync_now_view" />

            <LinearLayout
                android:id="@+id/order_list_progress_bar_layout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal|bottom"
                android:background="@color/color_transparent"
                android:padding="@dimen/padding_normal"
                android:visibility="gone">

                <ProgressBar
                    style="?android:attr/progressBarStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="@dimen/spacing_micro"
                    android:indeterminate="true" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_margin="@dimen/spacing_micro"
                    android:text="@string/string_loading"
                    android:textColor="@color/color_white" />
            </LinearLayout>
        </LinearLayout>

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/order_list_add_new_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="@dimen/fab_margin"
            app:fabSize="normal"
            app:layout_anchor="@+id/container"
            app:layout_anchorGravity="bottom|right|end"
            app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
            app:srcCompat="@drawable/ic_menu_add_product" />

    </android.support.design.widget.CoordinatorLayout>
</layout>

我认为您的这两行有问题:

app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
app:layout_anchor="@+id/order_list_recycler_view"

确保你没有在任何地方更改晶圆尺寸。

你太棒了:)非常感谢:)感谢:)删除这两行后,晶圆行为不起作用,隐藏在卷轴上后不会再次显示。什么是
Utils.getToolbarHeight(上下文)我也会尝试一下这个,我从上面的答案中得到了解决方案。如果你有内置屏幕或工具栏以及FAB,请将
android:focusable=“false”
设置到你的编辑文本中。
app:layout_behavior="com.kevalam.koops.design.ScrollAwareFABBehavior"
app:layout_anchor="@+id/order_list_recycler_view"