效果如下所示：

思路：

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自己遮住了，就用笨辦法實現了^_^)：

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/readerViewPager"

android:layout_width="match_parent"

android:layout_height="match_parent" />

android:id="@+id/shadowView"

android:layout_width="20dp"

android:layout_height="match_parent"

android:background="@mipmap/shadow_right"/>

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的實現方式，還有其他使用開源控件實現的，這是地址，歡迎提意見哦

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

總結

以上是生活随笔為你收集整理的android 右侧点击翻页,巧用ViewPager实现驾考宝典做题翻页效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。