Android viewpager完美画廊

画廊实现:

1. ViewPager.PageTransformer类

public class ScalePageTransformer implements ViewPager.PageTransformer{
public static final float MAX_SCALE = 1.0f;
public static final float MIN_SCALE = 0.8f;
public static final float MAX_ALPHA = 1.0f;
public static final float MIN_ALPHA = 0.5f;

private boolean alpha = true;
private boolean scale = true;

@Override
public void transformPage(View page, float position) {

    if (position < -1) {
        position = -1;
    } else if (position > 1) {
        position = 1;
    }

    float tempScale = position < 0 ? 1 + position : 1 - position;

    if(scale){
        float slope = (MAX_SCALE - MIN_SCALE) / 1;

        float scaleValue = MIN_SCALE + tempScale * slope;
        page.setScaleX(scaleValue);
        page.setScaleY(scaleValue);
    }
    if(alpha){
        //模糊
        float alope = (MAX_ALPHA - MIN_ALPHA) / 1;
        float alphaValue = MIN_ALPHA + tempScale * alope;
        page.setAlpha(alphaValue);
    }
}

/***
 * 改变模糊和改变大小
 * @param alpha
 * @param scale
 */
public void setScaleSizeType(boolean alpha, boolean scale){
    this.alpha = alpha;
    this.scale = scale;
}

}

布局文件


<android.support.v4.view.ViewPager
android:id="@+id/id_viewpager"
android:layout_width=“match_parent”
android:layout_marginLeft=“80dp”
android:layout_marginRight=“80dp”
android:clipChildren=“false”
android:layout_height=“wrap_content”
android:layout_gravity=“center” />

Activity设置adpter:

    mViewPager = $(R.id.id_viewpager);
    fatherview = $(R.id.fatherview);
    mViewPager.setPageMargin(10);
    mViewPager.setOffscreenPageLimit(3);
    ScalePageTransformer mScaleAlphaPageTransformer = new ScalePageTransformer();
    mScaleAlphaPageTransformer.setScaleSizeType(true, true);
    mViewPager.setPageTransformer(true, mScaleAlphaPageTransformer);
    mViewPager.setCurrentItem(startPostion);
    mViewPager.setAdapter(new MyAdapter(MoBanActivity.this,list));
    mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

        @Override
        public void onPageSelected(int arg0) {
           
        
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            if (fatherview != null) {
                fatherview.invalidate();
            }

        }

        @Override
        public void onPageScrollStateChanged(int arg0) {
        }
    });

    fatherview.setOnTouchListener(new View.OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            v.performClick();
            return mViewPager.dispatchTouchEvent(event);
        }
    });
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现自定义画廊效果,可以通过继承ViewPager类,重写其onInterceptTouchEvent()和onTouchEvent()方法,并在onDraw()方法中绘制自定义效果。 以下是一个简单的实现步骤: 1. 继承ViewPager类,重写onInterceptTouchEvent()和onTouchEvent()方法,用于捕捉和处理触摸事件。 ```java public class GalleryViewPager extends ViewPager { private float mLastMotionX; private int mTouchSlop; public GalleryViewPager(Context context) { super(context); init(); } public GalleryViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { ViewConfiguration config = ViewConfiguration.get(getContext()); mTouchSlop = config.getScaledTouchSlop(); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { final int action = ev.getAction(); if ((action == MotionEvent.ACTION_MOVE) && (Math.abs(mLastMotionX - ev.getX()) > mTouchSlop)) { return true; } mLastMotionX = ev.getX(); return super.onInterceptTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent ev) { return super.onTouchEvent(ev); } } ``` 2. 在onDraw()方法中绘制自定义效果。例如,可以绘制一个圆形的选中框,并将当前选中的页面放大。 ```java public class GalleryViewPager extends ViewPager { // ... private Paint mPaint; private RectF mRectF; private float mRadius; // 当前选中的页面索引 private int mCurrentPageIndex = 0; public GalleryViewPager(Context context) { super(context); init(); } public GalleryViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { // ... mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(4); mPaint.setColor(Color.WHITE); mRadius = 100; mRectF = new RectF(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (getChildCount() <= 0) { return; } // 绘制圆形选中框 float cx = getWidth() / 2f; float cy = getHeight() / 2f; float x = cx - mRadius; float y = cy - mRadius; mRectF.set(x, y, x + 2 * mRadius, y + 2 * mRadius); canvas.drawOval(mRectF, mPaint); // 放大当前选中的页面 View currentPage = getChildAt(mCurrentPageIndex); float currentScale = 1.2f; float scale = (currentPage.getWidth() * currentScale) / currentPage.getWidth(); currentPage.setScaleX(scale); currentPage.setScaleY(scale); } // ... } ``` 3. 在onPageSelected()方法中更新当前选中的页面索引,并调用invalidate()方法强制重绘。 ```java public class GalleryViewPager extends ViewPager { // ... @Override public void onPageSelected(int position) { mCurrentPageIndex = position; invalidate(); super.onPageSelected(position); } // ... } ``` 最后,使用自定义的GalleryViewPager代替原来的ViewPager即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值