2015-12-15 53 views
2

如何在Android中创建垂直视图寻呼机,就像在NewsInShort应用程序中。 https://play.google.com/store/apps/details?id=com.nis.appAndroid垂直视图寻呼机像NewsInShort应用程序

这个程序包含新闻提要,当我们向上滑动下一个新闻出现与动画当前的新闻一样,如果我向上轻扫当前的新闻一点点那么接下来的消息显示,这样的方式。 一样的向下滑动。

我在Github上找到了一个库。
https://github.com/rharter/ViewPager-Android

但是这个库没有提供像NewsInShort App这样的东西。

如果有人曾经创建过这样的视图或库,请告诉我。

谢谢。

回答

1

经过长期研究,我找到了解决方案。
对于ViewPager,我们可以设置pageTransformer属性并分配自定义转换。
我想要的转换是DepthPageTransformer。以下是转化记录的链接。
https://stuff.mit.edu/afs/sipb/project/android/docs/training/animation/screen-slide.html#depth-page

public class DepthPageTransformer implements ViewPager.PageTransformer { 
    private static float MIN_SCALE = 0.75f; 

    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); 

     } else if (position <= 1) { // (0,1] 
      // Fade the page out. 
      view.setAlpha(1 - position); 

      // Counteract the default slide transition 
      view.setTranslationX(pageWidth * -position); 

      // Scale the page down (between MIN_SCALE and 1) 
      float scaleFactor = MIN_SCALE 
        + (1 - MIN_SCALE) * (1 - Math.abs(position)); 
      view.setScaleX(scaleFactor); 
      view.setScaleY(scaleFactor); 

     } else { // (1,+Infinity] 
      // This page is way off-screen to the right. 
      view.setAlpha(0); 
     } 
    } 
}