Android使用viewpager实现画廊式效果

2023-07-17 23:18:03 66

本文实例为大家分享了Android使用viewpager实现画廊式效果的具体代码，供大家参考，具体内容如下

先看一下效果

1.创建一个自定义类ZoomOutPageTransformer

publicclassZoomOutPageTransformerimplementsViewPager.PageTransformer{
//自由控制缩放比例
privatestaticfinalfloatMAX_SCALE=1f;
privatestaticfinalfloatMIN_SCALE=0.8f;//0.85f

@Override
publicvoidtransformPage(Viewpage,floatposition){

if(position<=1){

floatscaleFactor=MIN_SCALE+(1-Math.abs(position))*(MAX_SCALE-MIN_SCALE);

page.setScaleX(scaleFactor);

if(position>0){
page.setTranslationX(-scaleFactor*2);
}elseif(position<0){
page.setTranslationX(scaleFactor*2);
}
page.setScaleY(scaleFactor);
}else{

page.setScaleX(MIN_SCALE);
page.setScaleY(MIN_SCALE);
}
}
}

2.创建适配器MyAdapter

publicclassMyAdapterextendsPagerAdapter{

privateint[]mData;
privateContextmContext;

publicMyAdapter(Contextctx,int[]data){
this.mContext=ctx;
this.mData=data;
}

@Override
publicintgetCount(){
returnmData.length;//返回数据的个数
}

@Override
publicObjectinstantiateItem(finalViewGroupcontainer,finalintposition){//子View显示
Viewview=View.inflate(container.getContext(),R.layout.item,null);
ImageViewimageView=view.findViewById(R.id.iv_icon);
imageView.setImageResource(mData[position]);

imageView.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewview){
Toast.makeText(mContext,"当前条目："+position,Toast.LENGTH_SHORT).show();
}
});

container.addView(view);//添加到父控件
returnview;
}

@Override
publicbooleanisViewFromObject(Viewview,Objectobject){
returnview==object;//过滤和缓存的作用
}

@Override
publicvoiddestroyItem(ViewGroupcontainer,intposition,Objectobject){
container.removeView((View)object);//从viewpager中移除掉
}
}

3.item布局

4.activity_main布局

5.Main_Activity

publicclassMainActivityextendsAppCompatActivity{
privateViewPagermViewPager;
privateLinearLayoutll_layout;

//向导界面的图片
privateint[]mPics=newint[]{R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}

privatevoidinitView(){
mViewPager=(ViewPager)findViewById(R.id.viewPager);
ll_layout=(LinearLayout)findViewById(R.id.ll_layout);

//设置适配器
mViewPager.setAdapter(newMyAdapter(this,mPics));
mViewPager.setPageMargin(20);
mViewPager.setOffscreenPageLimit(mPics.length);
mViewPager.setPageTransformer(true,newZoomOutPageTransformer());//设置画廊模式

//左右都有图
mViewPager.setCurrentItem(1);

//viewPager左右两边滑动无效的处理
ll_layout.setOnTouchListener(newView.OnTouchListener(){
@Override
publicbooleanonTouch(Viewview,MotionEventmotionEvent){
returnmViewPager.dispatchTouchEvent(motionEvent);
}
});
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android使用viewpager实现画廊式效果

热门推荐

随机推荐