问题记录 170228 viewpager同时显示前后，即同时显示三张图

看了大神的http://www.open-open.com/lib/view/open1462840410556.html viewpager翻转动画。发现有很好的翻转动态效果，但不是我要的显示效果，最后看到这个文章http://blog.csdn.net/wzy_1988/article/details/50463406。

我的如下：

<com.xxx.ViewPageContainer
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:clipChildren="false">

<android.support.v4.view.ViewPager
android:id="@+id/main_bg_vp"
android:layout_width="600dp"
android:layout_height="match_parent"
android:layout_gravity="center"
android:clipChildren="false" />
</com.xxx.ViewPageContainer>

ViewPagerContainer的源码和上个作者的一样

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;

/**
* Created by Administrator on 2017/2/28.
*/

public class ViewPageContainer extends FrameLayout {
private ViewPager mViewPager;

public ViewPageContainer(Context context) {
this(context, null);
}

public ViewPageContainer(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public ViewPageContainer(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);

initData();
}

private void initData() {
// 允许子View在其区域内进行绘制
setClipChildren(false);

// child clip功能在Android3.x之后的版本会因为硬件加速而不起作用，所以这里需要关闭硬件加速功能
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

@Override
protected void onFinishInflate() {
super.onFinishInflate();
try {
mViewPager = (ViewPager) getChildAt(0);
} catch (Exception e) {
throw new IllegalStateException("The root child of PagerContainer must be a ViewPager");
}
}

public ViewPager getViewPager() {
return mViewPager;
}
}

最后效果图如下：