android 3dviewpager,Android Viewpager tinder like UI with 3D card stack appearance

最新推荐文章于 2024-01-31 22:00:00 发布

石渡

最新推荐文章于 2024-01-31 22:00:00 发布

阅读量70

点赞数

文章标签： android 3dviewpager

I'm trying to create a tinder-like UI in android using the ViewPager.

I have looked at this library: https://github.com/kikoso/Swipeable-Cards, but I'd like to be able to see the previous card once I swipe right, hence the preference for a ViewPager.

The specific UI detail I am looking for is:

Stacking of images with the outline of the next view underneath the current view. I have been able to achieve the stacking of views through the ViewPager.PageTransformer interface, but I am unable to get the outline of the stack of the subsequent views inside the pager - the part that gives it a 3d look - like over here - card stacked on top of another card - http://i1.cdnds.net/14/38/300x522/friends-tinder-profiles-ross.jpg

Here is my pageTransform method

public void transformPage(View view, float position) {

int pageWidth = view.getWidth();

if (position < -1) { // [-Infinity,-1)

// This page is way off-screen to the left.

view.setAlpha(0);

} else if (position <= 0) { // [-1,0]

// Use the default slide transition when moving to the left page

view.setAlpha(1);

view.setTranslationX(0);

view.setScaleX(1);

view.setScaleY(1);