当前位置: 首页 > 编程笔记 >

Android viewpager 3D画廊的实现方法

何琨
2023-03-14
本文向大家介绍Android viewpager 3D画廊的实现方法,包括了Android viewpager 3D画廊的实现方法的使用技巧和注意事项,需要的朋友参考一下

ViewPager有个方法叫做:

setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer)

用于设置ViewPager切换时的动画效果。

这里我们只要自定义一个PageTransformer来实现我们需要的动画偏移效果就好了!

public class ScrollOffsetTransformer implements PageTransformer {
  private static final float MIN_SCALE = 0.85F;
  /**
   * position参数指明给定页面相对于屏幕中心的位置。它是一个动态属性,会随着页面的滚动而改变。
   * 当一个页面(page)填充整个屏幕时,positoin值为0; 当一个页面(page)刚刚离开屏幕右(左)侧时,position值为1(-1);
   * 当两个页面分别滚动到一半时,其中一个页面是-0.5,另一个页面是0.5。
   * 基于屏幕上页面的位置,通过诸如setAlpha()、setTranslationX
   * ()或setScaleY()方法来设置页面的属性,创建自定义的滑动动画。
   */
  @Override
  public void transformPage(View view, float position) {
    // TODO Auto-generated method stub
    float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
    float rotate = 30 * Math.abs(position);
    float transla = 50 * Math.abs(position);
    if (position > 0) {
      view.setScaleX(scaleFactor);
      view.setScaleY(scaleFactor);
      view.setRotationY(-rotate);
      view.setTranslationX(-transla);
    } else {
      view.setScaleX(scaleFactor);
      view.setScaleY(scaleFactor);
      view.setRotationY(rotate);
      view.setTranslationX(transla);
    }
  }
}

然后

viewPager

加上

 viewPager.setPageTransformer(true, new ScrollOffsetTransformer())

以上所述是小编给大家介绍的Android viewpager 3D画廊的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍Android ViewPager画廊效果详解及实例,包括了Android ViewPager画廊效果详解及实例的使用技巧和注意事项,需要的朋友参考一下 Android ViewPager 画廊效果 从上面的图片可以看到,当添加多张图片的时候,能够在下方形成一个画廊的效果,我们左右拉动图片来看我们添加进去的图片,效果是不是好了很多呢?下面来看看怎么实现吧! 上面的效果类似Androi

  • 使用模糊画廊,可以通过直观的图像控件快速创建截然不同的照片模糊效果。 每个模糊工具都提供直观的图像控件来应用和控制模糊效果。完成模糊调整后,可以使用散景控件设置整体模糊效果的样式。Photoshop 可在您使用模糊画廊效果时提供完全尺寸的实时预览。 选择“过滤器”>“模糊画廊”然后选择所需的效果。 有关其他模糊效果的信息,请参阅调整图像锐化程度和模糊程度。 注意:对于镜头模糊(场景模糊、光圈模糊和

  • 本文向大家介绍jquery实现带缩略图的可定制高度画廊效果(5种),包括了jquery实现带缩略图的可定制高度画廊效果(5种)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery可定制高度画廊效果。分享给大家供大家参考。具体如下: 这是一款基于jquery可定制高度画廊效果代码,很有艺术感,带有五种飞行展示效果,最大的特点是可以定制高度,是一款非常实用的特效代码,值得大家学习。 运

  • 本文向大家介绍AngularJS中实现动画效果的方法,包括了AngularJS中实现动画效果的方法的使用技巧和注意事项,需要的朋友参考一下 AngularJS 动画 AngularJS 提供了动画效果,可以配合 CSS 使用。 AngularJS 使用动画需要引入 angular-animate.min.js 库。 <script src="http://apps.bdimg.com/libs/a

  • 我需要在Android/Ios的xamarin中使用camera/gallery。有办法吗?

  • 注意:要通过 Photoshop CS5 创建 Web 画廊,请参阅 Adobe Bridge 帮助中的创建 Web 照片画廊。要使用下面主题中描述的早期可选 Web 照片画廊增效工具,请首先下载并安装适用于 Windows 或 Mac OS 的增效工具。 关于 Web 照片画廊 Web 照片画廊是一个 Web 站点,它具有一个包含缩览图图像的主页和若干包含完整大小图像的画廊页。每页都包含链接,使