谷歌+个人资料页面的滚动效果

Question

我正在开发谷歌加(android)应用程序，想知道他们是如何实现个人资料视图中的滚动效果的。 我在网上搜索了两天，没有找到任何关于此的教程。 如果有人不知道我在谈论什么，可以查看我在Nexus 7上拍摄的截图。

现在我很好奇如何实现这种效果，如果有人有想法，请指导我。

- Nitin Misra

---

不太确定我是否理解您的问题。您是想让一个视图跟随您的 ListView 滚动吗？ - Larry McKenzie

如果您已经实现了它，能否添加一些示例代码？ - pablogeorge

Answer 1

---旧信息----

您也可以使用Android-ParallaxHeaderViewPager来实现这种效果，这是一个很好的由kmshack Github页面提供的滚动选项卡标题的例子。

示例代码在这个Git Hub链接里

解决方案的说明在Github页面中被描述。

新更新 25-4-2015

一个新库与应用程序兼容和工具栏一起工作Andriod-Seamless-ViewPager-Header

还有另一个例子 PlayNewsStandDemo

查看这个PlayNewsStandDemo

希望这可以帮助您

- Ramz

Answer 2

顶部称为视差效应，其中背景图片滚动速度为实际滚动的一半。

有一个很好的库可以用于这个效果，叫做Paralloid：

https://github.com/chrisjenx/Paralloid

另一部分是粘性选项卡，可以使用StickyListHeaders来实现：

https://github.com/emilsjolander/StickyListHeaders

- Eduard

Answer 3

你可以通过使用我们喜欢称之为"视差效果"的东西来实现这一点。我制作了一个易于使用的库，可以用于获得此效果。

如果您想在RecyclerView上使用它，可以使用此库： https://github.com/kanytu/android-parallax-recyclerview 如果您可以使用像ListView、ScrollView等列表，您可以使用此库： https://github.com/kanytu/android-parallax-listview 我知道这是一个链接答案，但这种效果需要大量编码，因此无法作为答案发布。

以下是您可以得到的效果的一些屏幕截图：

- Pedro Oliveira

---

如何获取右侧样式？操作栏是透明的，然后淡入蓝色？ - ralphgabb

请查看我的Github。在自述文件中有如何操作的代码片段。https://github.com/kanytu/android-parallax-recyclerview/blob/master/README.md - Pedro Oliveira

Answer 4

这是一个不错的资源：http://antoine-merle.com/blog/2013/10/04/making-that-google-plus-profile-screen/ —— 解释了粘性底部、视觉差和视图层次结构。

如果你正在寻找关于滚动延迟动画的内容，请看这里：google plus scrolling technique in android。

- Adnan Mulla

---

你给了我第一个示例链接，那正是我想要的。我想在这张图片和图片中的内容上达到同样的效果。你能帮忙吗？ - Nitin Misra

将以下与编程有关的内容从英语翻译为中文。仅返回已翻译的文本：与 G+ 应用程序中“图像”和“内容”的“翻译”相对应。 - Nitin Misra

Answer 5

您可以使用由谷歌设计库提供的CollapsingToolbarLayout。以下链接提供了详细的说明，如何实现您想要的效果。 http://inthecheesefactory.com/blog/android-design-support-library-codelab/en

- Ravi Theja