如何实现工具栏的淡出效果像Spotify?

时间:2019-06-30 06:46:53

标签: android xml

describing gif

我正在尝试通过android中的Spotify实现类似gif的滚动效果。我已经尝试并使用了传统的材料视差设计,但是无法确定如何实现这种效果。

1 个答案:

答案 0 :(得分:1)

这称为视差效果。有很多第三方库,可以更轻松地实现。但是以android(首选方式)可以通过以下方式实现。

<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>

除了固定视图之外,您还可以使用app:layout_collapseMode =“ parallax”(还可以使用app:layout_collapseParallaxMultiplier="0.5"设置视差倍数)来实现视差滚动(例如,CollapsingToolbarLayout中的同级ImageView)