巧用ViewPager实现驾考宝典做题翻页效果

 更新时间:2017年03月08日 10:40:31   作者:zzyyppqq  
本文主要介绍巧用ViewPager实现驾考宝典做题翻页效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧

效果如下所示:

 

思路:

a.利用ViewPager自带的动画效果,略作修改,实现滑动覆盖翻页效果。

b.移动时加入阴影效果。

1.关键代码如下所示:

public class ReaderViewPager extends ViewPager {
 public ReaderViewPager(Context context) {
  this(context, null);
 }
 public ReaderViewPager(Context context, AttributeSet attrs) {
  super(context, attrs);
  setReadEffect();
  setScrollerDuration();
 }
 private void setScrollerDuration() {
  try {
   Field field = ViewPager.class.getDeclaredField("mScroller");
   field.setAccessible(true);
   FixedSpeedScroller scroller = new FixedSpeedScroller(getContext(),
     new DecelerateInterpolator());
   field.set(this, scroller);
   scroller.setmDuration(300);
  } catch (Exception e) {
   Log.e("@", "", e);
  }
 }
 public void setReadEffect() {
  setPageTransformer(true, new PageTransformer() {
   private static final float MIN_SCALE = 0.75f;
   @Override
   public void transformPage(View view, float position) {
    int pageWidth = view.getWidth();
     int pageHeight =view.getHeight();
    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.setAlpha(1);
     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);
    }
   }
  });
 }
}

2.阴影效果添加(其实阴影是一张图片,本来是要在ReadViewPager内部添加阴影效果,但是不显示,貌似被ReadViewPage自己遮住了,就用笨办法实现了^_^):

<FrameLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">
<com.example.zhangyipeng.anwerdemo.view.ReaderViewPager
   android:id="@+id/readerViewPager"
   android:layout_width="match_parent"
   android:layout_height="match_parent" />
  <!--阴影-->
  <ImageView
   android:id="@+id/shadowView"
   android:layout_width="20dp"
   android:layout_height="match_parent"
android:background="@mipmap/shadow_right"/>
 </FrameLayout>

3.阴影随翻页而移动效果实现

readerViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
   @Override
   public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    shadowView.setTranslationX(readerViewPager.getWidth()-positionOffsetPixels);
   }
   @Override
   public void onPageSelected(int position) {
   }
   @Override
   public void onPageScrollStateChanged(int state) {
   }
  });

4.OK,就是这么简单,快去做一个自己的驾考宝典吧 。。。

5.我自己写了一些简单的实现方法,有3个View的实现方式,还有其他使用开源控件实现的,这是地址,欢迎提意见哦

GitHub项目demo地址

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • Android 分享功能的实现代码

    Android 分享功能的实现代码

    这篇文章主要介绍了Android 分享功能的实现代码的相关资料,需要的朋友可以参考下
    2017-03-03
  • Android多返回栈技术

    Android多返回栈技术

    本文将详情讲解用户通过系统返回按钮导航回去的一组页面,在开发中被称为返回栈 (back stack)。多返回栈即一堆 "返回栈",对多返回栈的支持是在 Navigation 2.4.0-alpha01 和 Fragment 1.4.0-alpha01 中开始的,有兴趣的话一起参与学习
    2021-08-08
  • Android电话拨号器实现方法

    Android电话拨号器实现方法

    这篇文章主要介绍了Android电话拨号器实现方法,可实现模拟Android电话拨号的功能,非常具有实用价值,需要的朋友可以参考下
    2015-09-09
  • Android组件banner实现左右滑屏效果

    Android组件banner实现左右滑屏效果

    这篇文章主要为大家详细介绍了Android组件banner实现左右滑屏效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android自定义控件之开关按钮学习笔记分享

    Android自定义控件之开关按钮学习笔记分享

    这篇文章主要为大家分享了Android自定义开关按钮的学习笔记,内容丰富,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 设置Android系统永不锁屏永不休眠的方法

    设置Android系统永不锁屏永不休眠的方法

    在进行Android系统开发的时候,有些特定的情况需要设置系统永不锁屏,永不休眠。本篇文章给大家介绍Android 永不锁屏,开机不锁屏,删除设置中休眠时间选项,需要的朋友一起学习吧
    2016-03-03
  • Android中切换到主线程执行的方法

    Android中切换到主线程执行的方法

    这篇文章主要介绍了Android中切换到主线程执行的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解

    OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解

    今天小编就为大家分享一篇OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-04-04
  • Android自定义View实现拼图小游戏

    Android自定义View实现拼图小游戏

    这篇文章主要为大家详细介绍了Android自定义View实现拼图小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • android开发教程之textview内容超出屏幕宽度显示省略号

    android开发教程之textview内容超出屏幕宽度显示省略号

    android开发中用textview显示内容时,显示内容过多可能会折行或显示不全,那样效果很不好,我们可以用省略号显示,下面看设置方法
    2014-02-02

最新评论