为什么删除scrollFlags`scroll`后内容仍在拖动?

时间:2018-11-26 10:06:10

标签: xml android-layout android-toolbar android-coordinatorlayout

如果以工具栏中的app:layout_scrollFlagsscroll进行删除,则内容将移至顶部。查看截图

这是我的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:orientation="vertical">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical">

        <!--region Content-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            app:layout_behavior="@string/appbar_scrolling_view_behavior">

            <!--region EmptyView-->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:orientation="vertical"
                android:padding="16dp">

                <TextView
                    android:id="@+id/titleView"
                    fontPath="@string/font_semibold"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:gravity="center"
                    android:padding="8dp"
                    android:textColor="#9b9b9b"
                    android:textSize="16sp"
                    tools:ignore="MissingPrefix"
                    tools:text="@string/error_view_internet_connection_title"/>

                <TextView
                    android:id="@+id/messageView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="32dp"
                    android:gravity="center"
                    android:paddingStart="32dp"
                    android:paddingEnd="32dp"
                    android:textColor="#9b9b9b"
                    android:textSize="14sp"
                    tools:ignore="MissingPrefix"
                    tools:text="@string/error_view_internet_connection_message"
                    />

            </LinearLayout>
            <!--endregion-->

            <!--region List-->
            <android.support.v4.widget.SwipeRefreshLayout
                android:id="@+id/swipeRefreshLayout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_behavior="@string/appbar_scrolling_view_behavior">

                <RecyclerView
                    android:id="@+id/recyclerView"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:clipToPadding="false"
                    android:scrollbarSize="2dp"
                    android:scrollbars="vertical"
                    android:visibility="gone"
                    tools:visibility="visible"/>

            </android.support.v4.widget.SwipeRefreshLayout>
            <!--endregion-->

        </LinearLayout>
        <!--endregion-->

        <!--region Toolbar-->
        <android.support.design.widget.AppBarLayout
            android:id="@+id/appBarLayout"
            android:layout_width="match_parent"
            android:layout_height="?android:attr/actionBarSize"
            android:background="@android:color/transparent"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:elevation="0dp"
            app:layout_behavior="@string/appbar_layout_behavior"
            app:layout_collapseMode="pin">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                style="?android:attr/toolbarStyle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#636363"
                android:minHeight="?android:attr/actionBarSize"
                app:elevation="0dp"
                app:layout_collapseMode="pin"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                app:popupTheme="@style/ToolbarStyle"
                app:theme="@style/ToolbarStyle"
                tools:ignore="NewApi"/>

        </android.support.design.widget.AppBarLayout>
        <!--endregion-->

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

    <!--region BottomNavigation-->
    <com.aurelhubert.ahbottomnavigation.AHBottomNavigation
        android:id="@+id/bottomNavigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:accentColor="#111232"
        app:inactiveColor="#111232"
        app:titleState="always_hide"/>
    <!--endregion-->

</LinearLayout>

enter image description here

我通过func删除了标志,然后在UI中晃动了:

    public void setToolbarCollapsible(boolean collapsible) {
        int defaultFlags =
                AppBarLayout.LayoutParams.SCROLL_FLAG_SNAP
                | AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS
                | AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL;
        int none = 0;
//        //remove from toolbar
        Toolbar toolbar = getToolbar();
        if (toolbar == null) return;
        AppBarLayout.LayoutParams toolbarLayoutParams = (AppBarLayout.LayoutParams) toolbar.getLayoutParams();
        toolbarLayoutParams.setScrollFlags(collapsible ? defaultFlags : none);
        toolbar.setLayoutParams(toolbarLayoutParams);
    }

1 个答案:

答案 0 :(得分:3)

  

如果在工具栏中删除app:layout_scrollFlagsscroll,则内容将移至顶部。

内容正在上移,因为包裹LinearLayout的{​​{1}}的高度正在改变高度。结果,在TextView上指定的android:gravity="center"计算出不同的垂直中心。

以下布局是用于演示目的的简化布局视图。

LinearLayout

这是此布局的布局检查器视图,其中显示了<android.support.design.widget.CoordinatorLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/holo_blue_light" android:gravity="center" android:orientation="vertical" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <TextView android:id="@+id/titleView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="@string/error_view_internet_connection_title" android:textSize="16sp" /> </LinearLayout> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways" app:title="Toolbar" /> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> 的高度,已设置和未设置滚动标志。

enter image description here

在未设置滚动标记的情况下,包裹LinearLayout的{​​{1}}的高度比LinearLayout的高度小。这是有道理的,因为TextViews必须是Toolbar。设置了滚动标志后,LinearLayout可以更高,因为它可以滚动并且不必适合屏幕。实际上,它和屏幕一样高,但移到工具栏下方。

您可以对是否是这种情况进行快速测试,但将match_parent替换为上边距。

  

我通过func删除了该标志,然后在UI中晃动了

我认为我以前已经看到过这种行为,但是我不记得发生这种情况的原因。由于LinearLayout如此动态,因此由于布局歧义性,它可能是布局中的某种振荡。但是,这不过是猜测。如果您稍微整理一下布局并考虑为什么要操纵滚动标志(还有其他方法吗?),则可以解决该问题。

简短地说,一个演示抖动问题的可运行小项目可能对发布有用。