2016-01-12 32 views
0

如何在Viewpager中更改页面,并重叠(视差)ImageViews,如this app? 有一天,我看到了一个库,但不记得在哪里... enter image description here如何用ViewView的重叠来更改Viewpager中的页面?

+1

你是什么意思的“材料图片视图”?有两种不同的布局,都通过适配器添加到ViewPager。请澄清你的问题。 – Budius

+0

澄清你的帖子 – piotrek1543

+0

@Budius,没有发现词的错,我知道你明白我的问题。你知道怎么做吗 ? – NickUnuchek

回答

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

我个人不喜欢那些链路实现得多,因为他们使用的第三方库来实现的东西,可以从字面上有几行代码来完成。