问Android工具栏和Twitter等用户图像动画
EN

Stack Overflow用户

提问于 2016-05-05 04:41:50

回答 2查看 5.4K关注 0票数 17

我正在尝试实现工具栏、和用户图像动画，就像推特的用户配置文件中使用的那样。

我尝试了很多东西，但我无法实现快速固定在屏幕顶部的折叠工具栏与它的一些背景，当它被展开时，使用户图像首先在工具栏上，然后缩小并在滚动时移动到工具栏下方。

twitter是如何在用户个人资料图像中实现平滑效果的？他们是如何将这个图像放在工具栏前面，然后滚动到工具栏后面，并在工具栏下面实现平滑效果的呢？

我尝试了以下所有场景：

具有视差效果的CollapseParallaxMultiplier

工具栏。?attr/actionBarSize.
2
固定工具栏设置高度100dp和minHeight UserImage工具栏，一个带有图像背景，另一个带有透明背景

，然后平滑地移动Y位置(滚动时无法达到将用户图像发送到工具栏下方的效果)。

之前的场景对我来说都不是很好。

XML层次结构：

<android.support.design.widget.CoordinatorLayout>
    <android.support.design.widget.AppBarLayout>
       <android.support.design.widget.CollapsingToolbarLayout>
             <LinearLayout>
                   <!--Some TextViews and ImageViews-->
             </LinearLayout>
             <ImageView src="My User profile Img"/> <!--Image first above toolbar and when toolbar is collapsing scale down and then go below toolbar-->
             <ImageView src="My background"  app:layout_collapseMode="parallax" app:layout_collapseParallaxMultiplier="0.8"/> 
             <android.support.v7.widget.Toolbar app:layout_collapseMode="pin"/>
       </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

  <!--Second Part, where the ViewPager should be pinned below the Toolbar-->
  <NestedScrollView app:layout_behavior="@string/appbar_scrolling_view_behavior">
   <LinearLayout> 
      <android.support.design.widget.TabLayout/>
      <android.support.v4.view.ViewPager/>
     </LinearLayout>
     </NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

在附件中，您可以看到Twitter对用户配置文件活动的影响。