前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2-VIII--ViewPager滑动监听与自定义滑动特效

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

作者头像
张风捷特烈
发布2018-09-26 16:23:20
1.3K0
发布2018-09-26 16:23:20
举报
零、前言

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

一、滑动监听
代码语言:javascript
复制
 //[]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.使用
代码语言:javascript
复制
 mVp.setPageTransformer(true, new ViewPagerTransformer_Fade_Scale());
3.自定义滑动效果类:这里随便写你想要的效果
代码语言:javascript
复制
/**
 * 作者:张风捷特烈<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 你的喜欢与支持将是我最大的动力

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.08.29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零、前言
  • 一、滑动监听
  • 二、滑动特效
    • 1.本案例效果
      • 2.使用
        • 3.自定义滑动效果类:这里随便写你想要的效果
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档