Material 设计 layout_scrollFlags 含义
Material design layout_scrollFlags meanings
我发现我们可以使用很酷的标志来滚动工具栏甚至内容,方法是 layout_scrollFlags
。就我而言,我有这样的布局:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<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"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="snap"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed"
app:tabGravity="fill" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
我的一个选项卡是 fragment
,它的布局有一个 Recycle View
,在 RecycleView 下方有一个 edittext
。首先我想知道这个标志是什么意思
google 说:
- SCROLL_FLAG_ENTER_ALWAYS
当进入(在屏幕上滚动)时,视图将在任何向下滚动事件上滚动,而不管滚动视图是否也在滚动。
- SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED
'enterAlways' 的附加标志,它修改返回视图以仅在最初滚动回其折叠高度。
- SCROLL_FLAG_EXIT_UNTIL_COLLAPSED
退出(滚出屏幕)时,视图将滚动到 'collapsed'。
- SCROLL_FLAG_SCROLL
视图将滚动与滚动事件直接相关。
- SCROLL_FLAG_SNAP
在滚动结束时,如果视图仅部分可见,那么它将被捕捉并滚动到它最近的边缘。
我随机更改了这个标志,在某些情况下我的编辑文本消失了,直到我向上滚动工具栏然后出现编辑。我阅读了 google 个文件
但我做不好。我想简单的了解一下。
我不知道我的回答是否仍然相关,但无论如何。实际上 docs 足以理解周围发生的事情,你只需要稍微玩一下。
必须启用属性 app:layout_scrollFlags
中使用的 scroll
标志才能使任何滚动效果生效。此标志必须与 enterAlways
、enterAlwaysCollapsed
、exitUntilCollapsed
或 snap
:
一起启用
enterAlways
: 视图在向上滚动时可见。当从列表底部滚动并希望在向上滚动时立即显示工具栏时,此标志很有用。
enterAlwaysCollapsed
: 通常情况下,当只使用enterAlways时,Toolbar会随着你的滚动不断扩展down.Assuming enterAlways被声明并且你指定了一个minHeight,你也可以指定enterAlwaysCollapsed。使用此设置时,您的视图将仅显示在此最小高度。只有当滚动到顶部时,视图才会展开到全高
exitUntilCollapsed
:设置滚动标志后,向下滚动通常会导致整个内容move.By指定一个minHeight和exitUntilCollapsed,Toolbar的最小高度将先于其余部分达到的内容开始滚动并退出屏幕
snap
:使用此选项将确定当视图仅被部分缩小时要执行的操作。如果滚动结束并且视图大小已减小到其原始大小的 50% 以下,则此视图将 return 为其原始大小。如果尺寸大于其尺寸的 50%,它将完全消失。
请看看这个blog它应该很有帮助。
更新:还有一个 article (edit: now necessary to sign in to Medium account) about scroll flags. Big thanks to Martin Ombura Jr!
我发现我们可以使用很酷的标志来滚动工具栏甚至内容,方法是 layout_scrollFlags
。就我而言,我有这样的布局:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<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"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="snap"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed"
app:tabGravity="fill" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
我的一个选项卡是 fragment
,它的布局有一个 Recycle View
,在 RecycleView 下方有一个 edittext
。首先我想知道这个标志是什么意思
google 说:
- SCROLL_FLAG_ENTER_ALWAYS
当进入(在屏幕上滚动)时,视图将在任何向下滚动事件上滚动,而不管滚动视图是否也在滚动。 - SCROLL_FLAG_ENTER_ALWAYS_COLLAPSED
'enterAlways' 的附加标志,它修改返回视图以仅在最初滚动回其折叠高度。 - SCROLL_FLAG_EXIT_UNTIL_COLLAPSED
退出(滚出屏幕)时,视图将滚动到 'collapsed'。 - SCROLL_FLAG_SCROLL
视图将滚动与滚动事件直接相关。 - SCROLL_FLAG_SNAP
在滚动结束时,如果视图仅部分可见,那么它将被捕捉并滚动到它最近的边缘。
我随机更改了这个标志,在某些情况下我的编辑文本消失了,直到我向上滚动工具栏然后出现编辑。我阅读了 google 个文件 但我做不好。我想简单的了解一下。
我不知道我的回答是否仍然相关,但无论如何。实际上 docs 足以理解周围发生的事情,你只需要稍微玩一下。
必须启用属性 app:layout_scrollFlags
中使用的 scroll
标志才能使任何滚动效果生效。此标志必须与 enterAlways
、enterAlwaysCollapsed
、exitUntilCollapsed
或 snap
:
enterAlways
: 视图在向上滚动时可见。当从列表底部滚动并希望在向上滚动时立即显示工具栏时,此标志很有用。enterAlwaysCollapsed
: 通常情况下,当只使用enterAlways时,Toolbar会随着你的滚动不断扩展down.Assuming enterAlways被声明并且你指定了一个minHeight,你也可以指定enterAlwaysCollapsed。使用此设置时,您的视图将仅显示在此最小高度。只有当滚动到顶部时,视图才会展开到全高exitUntilCollapsed
:设置滚动标志后,向下滚动通常会导致整个内容move.By指定一个minHeight和exitUntilCollapsed,Toolbar的最小高度将先于其余部分达到的内容开始滚动并退出屏幕snap
:使用此选项将确定当视图仅被部分缩小时要执行的操作。如果滚动结束并且视图大小已减小到其原始大小的 50% 以下,则此视图将 return 为其原始大小。如果尺寸大于其尺寸的 50%,它将完全消失。
请看看这个blog它应该很有帮助。
更新:还有一个 article (edit: now necessary to sign in to Medium account) about scroll flags. Big thanks to Martin Ombura Jr!