2016-01-12 14 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

我個人不喜歡那些鏈路實現得多,因爲他們使用的第三方庫來實現的東西,可以從字面上有幾行代碼來完成。