转到另一个片段时浮动操作按钮问题

时间:2016-01-13 21:06:30

标签: android android-fragments material-design floating-action-button android-support-design

我基于Scrolling Activity(由android studio建议的预建活动)构建了一个项目,并遇到了一个奇怪的问题。请考虑以下情形:

我点击 fab按钮转到另一个fragment但是当片段发生变化时, fab按钮不会消失

有人知道如何解决这个问题吗?

以下是我添加到Scrolling Activity的<{1}}的XML:

frameLayout

<?xml version="1.0" encoding="utf-8"?> <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:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="ir.apio.myapplication.ScrollingActivity"> <android.support.design.widget.AppBarLayout android:id="@+id/app_bar" android:layout_width="match_parent" android:layout_height="@dimen/app_bar_height" android:fitsSystemWindows="true" android:theme="@style/AppTheme.AppBarOverlay"> <android.support.design.widget.CollapsingToolbarLayout android:id="@+id/toolbar_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorPrimary" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_collapseMode="pin" app:popupTheme="@style/AppTheme.PopupOverlay" /> </android.support.design.widget.CollapsingToolbarLayout> </android.support.design.widget.AppBarLayout> <include layout="@layout/content_scrolling" /> <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:src="@android:drawable/ic_dialog_email" app:layout_anchor="@id/app_bar" app:layout_anchorGravity="bottom|end" /> <FrameLayout android:id="@+id/frame" android:layout_width="match_parent" android:layout_height="match_parent"/> </android.support.design.widget.CoordinatorLayout>

content_scrolling.xml

我的fab ClickListener:

    <?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView 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:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="ir.apio.myapplication.ScrollingActivity"
    tools:showIn="@layout/activity_scrolling">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/text_margin"
        android:text="@string/large_text" />

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

还有我的TestFragment:

fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                getSupportFragmentManager()
                        .beginTransaction()
                        .replace(R.id.frame,new TestFragment())
                        .commit();
            }
        });

这是在转到新片段之前的屏幕截图

enter image description here

这是进入新片段时的屏幕截图

after go to new fragment

2 个答案:

答案 0 :(得分:11)

您仍然看到FAB的原因是提升,它指的是屏幕上的视图深度。它会影响哪些元素高于或低于彼此以及它们投射的阴影(例如FAB位于主要内容的顶部并投射阴影)。

默认情况下,FAB会有一些高程,您可以使用高程属性覆盖该高程,例如app:elevation="4dp"。其他元素将处于0dp级别。

在你的情况下,你已经将FrameLayout放在布局文件的最后,我猜你正在将片段加载到的位置。这样做实际上并不是替换您的其他内容,而只是用FrameLayout的内容覆盖它。

它没有覆盖FAB的原因是因为FAB有一些高程而FrameLayout没有。因此,虽然你已经把你的FrameLayout放在最后并且通常期望它“在顶部”,但是FAB实际上具有更高的高度,这取代了它。

一个快速修复,就是给你的浮动动作按钮app:elevation=0dp,它会把它放回到与其他所有相同的高程水平,并且正常规则将适用,FrameLayout是最后一个并且将在最顶层。

实际上,只是放置一个覆盖以前内容的大框架通常不是最好的事情,你可能想看看构建应用程序的其他方法。

答案 1 :(得分:0)

我有同样的问题。我在.hide()上调用了FragmentTransaction方法,它对我有用。

fab.setOnClickListener {
        val fragmentManager = fragmentManager
        val fragmentTransaction = fragmentManager?.beginTransaction()
        val fragment = YourFragment()
        fragmentTransaction?.add(R.id.fragment_container, fragment)
        fragmentTransaction?.addToBackStack(null)
        fragmentTransaction?.hide(this)
        fragmentTransaction?.commit()
    }