如何进行新的PlayStore视差效果

Dar*_*ski 47 android android-animation android-layout android-scroll material-design

有谁知道如何实现新的视差滚动效果 - 当您在PlayStore上打开应用程序并尝试向下滚动时,您可以看到效果,内容覆盖顶部图像.我怎样才能做到这一点?

在此输入图像描述

Par*_*ani 61

谷歌最近宣布了设计支持库,并且它支持实现折叠工具栏.

除了固定视图外,您还可以使用 app:layout_collapseMode="parallax"(并可选择 app:layout_collapseParallaxMultiplier="0.7"设置视差乘数)来实现视差滚动(例如,在其中的兄弟ImageView CollapsingToolbarLayout)

例:

<android.support.design.widget.AppBarLayout
        android:layout_height="192dp"
        android:layout_width="match_parent">
    <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">
        <android.support.v7.widget.Toolbar
                android:layout_height="?attr/actionBarSize"
                android:layout_width="match_parent"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
Run Code Online (Sandbox Code Playgroud)


Yur*_*raj 29

您可以尝试这个(FadingActionBar库):https: //github.com/ManuelPeinado/FadingActionBar

在Android上试用这个库的示例:https://play.google.com/store/apps/details? id = com.manuelpeinado.fadingactionbar.demo

编辑:而不是第三方库使用此AppBarLayout和CollapsingToolbarLayout http://android-developers.blogspot.in/2015/05/android-design-support-library.html


Ran*_*mar 18

尝试ObservableScrollView

https://github.com/ksoichiro/Android-ObservableScrollView

来自Play商店的演示应用程序

https://play.google.com/store/apps/details?id=com.github.ksoichiro.android.observablescrollview.samples2

示例演示,

在此输入图像描述

  • 当谷歌宣布[设计支持库](http://android-developers.blogspot.in/2015/05/android-design-support-library.html)时,为什么要建议第三方库? (7认同)
  • @PareshMayani感谢您的信息.但是为什么只为我而downvote?所有的答案都给第三方图书馆包括接受的答案.. (6认同)
  • 材料设计库不支持fling手势.使用scrollview的糟糕体验!我会试试这个库. (6认同)
  • 这是任何必要的我们只使用官方方法..如果比官方更好我们可以去第三方..对于网络图书馆**改造**比官方图书馆更快.那么我们的选择是什么? (2认同)