2-VIII--ViewPager滑动监听与自定义滑动特效

零、前言

[1]. 使用上文项目:1-VIII--ViewPager的基本使用 [2].对ViewPager的addOnPageChangeListener三个回调方法分析 [3].改变滑动动画效果

一、滑动监听

 //[]ViewPager滑动监听
 mVp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
     /**
      * 当页面滑动过程中的回调
      * @param position             当前滑动页面的位置
      * @param positionOffset       下一页在当前页所占的宽度百分比
      * @param positionOffsetPixels 下一页在当前页所占的宽度像素值
      */
     @Override
     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
         Log.e(TAG, "onPageScrolled: " + "position==>"
                 + position + "----positionOffset==>"
                 + positionOffset + "----positionOffsetPixels" + positionOffsetPixels);
     }
     /**
      * 某个页面被选中(从0计数) 翻页成功才会调用
      * @param position 翻页后的视图在集合中位置
      */
     @Override
     public void onPageSelected(int position) {
         Log.e(TAG, "onPageSelected: " + position);
     }
     /**
      * 页面状态发生变化的回调  1 滑动开始到手指离开前  2 手指离开后到结束之间 0  滑动结束
      * @param state 状态
      */
     @Override
     public void onPageScrollStateChanged(int state) {
         Log.e(TAG, "onPageScrollStateChanged: " + state);
     }
 });

ViewPager滑动.png

二、滑动特效

1.本案例效果

viewpager滑动特效.gif

2.使用
 mVp.setPageTransformer(true, new ViewPagerTransformer_Fade_Scale());
3.自定义滑动效果类:这里随便写你想要的效果
/**
 * 作者:张风捷特烈<br/>
 * 时间:2018/8/29 0029:9:15<br/>
 * 邮箱:1981462002@qq.com<br/>
 * 说明:自定义ViewPager滑动变化效果---淡出、缩小
 */
public class ViewPagerTransformer_Fade_Scale implements ViewPager.PageTransformer {
    private static float MIN_SCALE = 0.7f;

    //A==>B  A的position 0==>-1   B的position 1==>0
    @Override
    public void transformPage(View page, float position) {
        int width = page.getWidth();
        int height = page.getHeight();

        if (position < -1) {//非A、B页
            page.setAlpha(1);
        } else if (position <= 0) {//A页的动画
            page.setAlpha(1 + position * 2);
            page.setScaleX(1);
            page.setScaleY(1);

            page.setPivotX(0);
            page.setPivotY(height / 2);

            page.setRotationX(-100 * position);
            page.setRotationY(-100 * position);

        } else if (position <= 1) {//B页的动画
            page.setAlpha(1 - position);
            page.setTranslationX(width * (-position));
//            0.75~1
            float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position));
            page.setScaleX(scaleFactor);
            page.setScaleY(scaleFactor);
        }
    }
}

本文由张风捷特烈原创,转载请注明 更多安卓技术欢迎访问:https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站,编程笔记请访问:http://www.toly1994.com 你的喜欢与支持将是我最大的动力

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android开发指南

15.屏幕适配

3908
来自专栏向治洪

仿uc下部弹出菜单

先说说我怎么会无聊到这种地步去弄这个代码呢,在今年2月份的时候公司本来要做个这种弹出的菜单的,有5个按钮每个都有一个菜单,记得网上有仿UC菜单的源码,就下下来看...

2208
来自专栏lzj_learn_note

Android TextView实现查看全部和收起功能

在工作遇到上图所示的一个小需求,将“查看全部”的提示连在原文的后面,使用一个textview显示。实现该功能大致步骤:

8967
来自专栏郭霖

Android PowerImageView实现,可以播放动画的强大ImageView

我个人是比较喜欢逛贴吧的,贴吧里总是会有很多搞笑的动态图片,经常看一看就会感觉欢乐很多,可以释放掉不少平时的压力。确实,比起一张单调的图片,动态图片明显更加的有...

2935
来自专栏Android干货园

Android自定义下拉刷新动画--仿百度外卖下拉刷新

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/51...

1363
来自专栏知识分享

3-系统方案A(Activity界面跳转,携带数据,显示曲线界面)

https://www.cnblogs.com/yangfengwu/p/9970387.html

972
来自专栏非著名程序员

AutoFlowLayout-多功能流式布局与网格布局控件

近期工作需要用到流式布局,网上也有很多关于这方面的资料。发现流式布局与网格布局的自定义很有意思,是学习自定义控件的一个很好的方式,所以就撸了个几百行代码的控件,...

37810
来自专栏Android先生

Android自定义View——从零开始实现雪花飘落效果

前言:转眼已是十一月下旬了,天气慢慢转冷,不知道北方是不是已经开始下雪了呢?本期教程我们就顺应季节主题,一起来实现 雪花飘落的效果吧。本篇效果思路参考自国外大神...

1582
来自专栏程序员叨叨叨

【Android】手把手教你上滑解锁的效果

最近,公司开发的APP中要实现类似上滑解锁效果的推荐页,捣腾了两天,基本实现了效果,附效果图如上。接下来和大家聊聊如何实现这样的效果。

5372
来自专栏Sorrower的专栏

Android绘制(一):来用shape绘出想要的图形吧!

1984

扫码关注云+社区

领取腾讯云代金券