如何使用ImageViews重叠更改Viewpager中的页面?

时间:2016-01-12 10:31:24

标签: android material-design materialized-views

如何使用this app中的ImageViews重叠(Parallax)来更改Viewpager中的页面? 有一天,我看到了一个图书馆,但不记得...... enter image description here

1 个答案:

答案 0 :(得分:1)

OP的实际问题是:

  

如何在Viewpager中更改页面并重叠ImageViews?

这与材料设计无关,这是一种在Android中存在了几年的技术。这种技术通常被称为“视差效应”:https://en.wikipedia.org/wiki/Parallax_scrolling

在Android中实现它非常简单:

只需致电pager.setPageTransformer(false, transformer);

使用实现https://developer.android.com/reference/android/support/v4/view/ViewPager.PageTransformer.html

的对象

然后在变压器回调上你可以简单地调用:

public void transformPage (View page, float position) {
      page.findViewById(R.id.imageView).setTranslationX( .. do here some fancy math to move the image ...)
}

其他示例可在以下链接中找到。

Android Parallax Effect and View Pager

Parallax Effect in Android's ViewPager

就我个人而言,我并不喜欢这些链接实现,因为他们使用第三方库来实现可以用几行代码完成的东西。