美文网首页
关于视差滚动的记录

关于视差滚动的记录

作者: 零宽度接合 | 来源:发表于2016-10-27 09:46 被阅读38次

    为了使得Toolbar有滑动效果,必须做到如下三点

    1. CoordinatorLayout作为布局的父布局容器。

    2.给需要滑动的组件设置app:layout_scrollFlags=”scroll|enterAlways”等属性。

    3.给滑动的组件设置app:layout_behavior属性

    ScrollFlags共有五种常量值供AppBarLayout的Children View使用,在xml布局文件中通过app:layout_scrollFlags设置,对应的值为:scroll,enterAlways,enterAlwaysCollapsed,snap,exitUntilCollapsed;也可以在代码中通过setScrollFlags(int)方法使用,比如:

    Toolbar toolbar = ...// your toolbar within an AppBarLayout

    AppBarLayout.LayoutParamsparams=    (AppBarLayout.LayoutParams) toolbar.getLayoutParams();

    params.setScrollFlags(AppBarLayout.LayoutParams.SCROLL_FLAG_SCROLL    | AppBarLayout.LayoutParams.SCROLL_FLAG_ENTER_ALWAYS);

    scroll

    Child View 伴随着滚动事件而滚出或滚进屏幕。注意两点:第一点,如果使用了其他值,必定要使用这个值才能起作用;第二点:如果在这个child View前面的任何其他Child View没有设置这个值,那么这个Child View的设置将失去作用。

    enterAlways

    When entering (scrolling on screen) the view will scroll on any downwards scroll event, regardless of whether the scrolling view is also scrolling. This is commonly referred to as the 'quick return' pattern.

    快速返回模式。其实就是向下滚动时Scrolling View和Child View之间的滚动优先级问题。对比scroll和scroll | enterAlways设置,发生向下滚动事件时,前者优先滚动Scrolling View,后者优先滚动Child View,当优先滚动的一方已经全部滚进屏幕之后,另一方才开始滚动。

    enterAlwaysCollapsed

    An additional flag for 'enterAlways' which modifies the returning view to only initially scroll back to it's collapsed height. Once the scrolling view has reached the end of it's scroll range, the remainder of this view will be scrolled into view. The collapsed height is defined by the view's minimum height.

    enterAlways的附加值。这里涉及到Child View的高度和最小高度,向下滚动时,Child View先向下滚动最小高度值,然后Scrolling View开始滚动,到达边界时,Child View再向下滚动,直至显示完全。

    exitUntilCollapsed

    When exiting (scrolling off screen) the view will be scrolled until it is 'collapsed'. The collapsed height is defined by the view's minimum height.

    这里也涉及到最小高度。发生向上滚动事件时,Child View向上滚动退出直至最小高度,然后Scrolling View开始滚动。也就是,Child View不会完全退出屏幕。

    snap

    Upon a scroll ending, if the view is only partially visible then it will be snapped and scrolled to it's closest edge. For example, if the view only has it's bottom 25% displayed, it will be scrolled off screen completely. Conversely, if it's bottom 75% is visible then it will be scrolled fully into view.

    简单理解,就是Child View滚动比例的一个吸附效果。也就是说,Child View不会存在局部显示的情况,滚动Child View的部分高度,当我们松开手指时,Child View要么向上全部滚出屏幕,要么向下全部滚进屏幕,有点类似ViewPager的左右滑动。

    CollapsingToolbarLayout设置相应属性后需要在相应子vie里添加app:layout_collapseMode属性

    子视图:

    app:layout_collapseMode="parallax | pin”

    子视图的折叠模式,在子视图设置,有两种

    “pin”:固定模式,在折叠的时候最后固定在顶端;

    “parallax”:视差模式,在折叠的时候会有个视差折叠的效果。我们可以在布局中使用属性app:layout_collapseMode=”parallax”来改变。

    其他视图

    app:layout_anchor="@id/appbar"

    提供了一个layout_anchor的属性,连同layout_anchorGravity一起,可以用来放置与其他视图关联在一起的悬浮视图(如FloatingActionButton)。

    与某一个AppBarLayout控件相关联

    app:layout_anchorGravity="bottom | right | end"

    悬浮视图的位置

    注意:

    使用CollapsingToolbarLayout实现折叠效果,需要注意3点

    1. AppBarLayout的高度固定

    2. CollapsingToolbarLayout的子视图设置layout_collapseMode属性

    3.关联悬浮视图设置app:layout_anchor,app:layout_anchorGravity属性

    转自http://www.jianshu.com/p/7caa5f4f49bd

    相关文章

      网友评论

          本文标题:关于视差滚动的记录

          本文链接:https://www.haomeiwen.com/subject/fqbjuttx.html