ViewPager画廊模式

首先 创建一个Util类

public class ZoomOutSlideTransformer extends ABaseTransformer {

   private static final float MIN_SCALE = 0.85f;
   private static final float MIN_ALPHA = 0.5f;

   @Override
   protected void onTransform(View view, float position) {
      if (position >= -1 || position <= 1) {
         // Modify the default slide transition to shrink the page as well
         final float height = view.getHeight();
         final float width = view.getWidth();
         final float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
         final float vertMargin = height * (1 - scaleFactor) / 2;
         final float horzMargin = width * (1 - scaleFactor) / 2;

         // Center vertically
         view.setPivotY(0.5f * height);
         view.setPivotX(0.5f * width);

         if (position < 0) {
            view.setTranslationX(horzMargin - vertMargin / 2);
         } else {
            view.setTranslationX(-horzMargin + vertMargin / 2);
         }

         // Scale the page down (between MIN_SCALE and 1)
         view.setScaleX(scaleFactor);
         view.setScaleY(scaleFactor);

         // Fade the page relative to its size.
         view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE) / (1 - MIN_SCALE) * (1 - MIN_ALPHA));
      }
   }

 

之后

 mVp = view.findViewById(R.id.pager);
 imageView = view.findViewById(R.id.hottest_image);

 mVp.setPageMargin(60);//控制两幅图之间的间距,尽量以屏幕的宽度来确定
 mVp.setPageTransformer(true,new ZoomOutSlideTransformer());
 //3D画廊模式
 mVp.setPageTransformer(true,new ZoomOutSlideTransformer());//3D画廊模式 //
mVp.setOffscreenPageLimit(list.size());//设置预加载数量
mVp.setAdapter(myAdapter);
Glide.with(context).load(list.get(0)).bitmapTransform(new BlurTransformation(context,35)).into(imageView);

 适配器

 

public class MyAdapter extends PagerAdapter{
    private List<String> list;
    private Context context;

    public MyAdapter(List<String> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        return list.size();
    }
    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, final int position) {
        ImageView imageView = new ImageView(context);
        SimpleDraweeView simpleDraweeView = new SimpleDraweeView(context);
       //设置图片进行展示  setImageResource 对应SRC
        ImageLoader.getInstance().displayImage(list.get(position),imageView, MApp.getoPetions());
        Log.i("TT",list.size()+"DDDD");
        //将图片拉伸
        imageView.setScaleType(ImageView.ScaleType.FIT_XY);
      // simpleDraweeView.setImageURI(Uri.parse(list.get(position)));
        //一个视图的组  每次加载前后中3张图片
        container.addView(imageView);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onClick.setOnClickPosition(position);
            }
        });
        return imageView;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }
   OnClick onClick;
    public void setOnClick(OnClick onClick) {
        this.onClick = onClick;
    }
    public interface OnClick{
        void setOnClickPosition(int position);
    }
}

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值