viewPager实现画廊效果，中间显示一张，两侧显示一部分

来源：互联网发布：mac蓝光原盘怎么播放编辑：程序博客网时间：2024/05/22 03:28

布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:layout_marginTop="10dp"    android:gravity="center"    android:clipChildren="false"    android:layerType="software"    tools:context="com.baway.hualang.MainActivity">    <android.support.v4.view.ViewPager        android:id="@+id/vp"        android:layout_width="300dp"        android:layout_height="220dp"        android:layout_gravity="center"        android:clipChildren="false"        >    </android.support.v4.view.ViewPager></LinearLayout>

适配器

public class MyViewpagerAdapter extends PagerAdapter {    private List<Integer> images;    private Context context;    public MyViewpagerAdapter(List<Integer> images, Context context) {        this.context=context;        this.images=images;    }    @Override    public int getCount() {        return Integer.MAX_VALUE;    }    @Override    public boolean isViewFromObject(View view, Object object) {        return view==object;    }    @Override    public Object instantiateItem(ViewGroup container, int position) {        ImageView vp_iv= new ImageView(context);        Glide.with(context).load(images.get(position%images.size())).into(vp_iv);        container.addView(vp_iv);        return vp_iv;    }    @Override    public void destroyItem(ViewGroup container, int position, Object object) {        container.removeView((View) object);    }}

自定义PageTransformer类

public class MyGallyPageTransformer implements ViewPager.PageTransformer {    private static final float min_scale = 0.85f;    @Override    public void transformPage(View page, float position) {        float scaleFactor = Math.max(min_scale, 1 - Math.abs(position));        if (position < -1) {            page.setScaleX(scaleFactor);            page.setScaleY(scaleFactor);        } else if (position < 0) {            page.setScaleX(scaleFactor);            page.setScaleY(scaleFactor);        } else if (position >= 0 && position < 1) {            page.setScaleX(scaleFactor);            page.setScaleY(scaleFactor);        } else if (position >= 1) {            page.setScaleX(scaleFactor);            page.setScaleY(scaleFactor);        }    }}

代码

public class MainActivity extends AppCompatActivity {    private ViewPager vp;    private List<Integer> images=new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        vp = (ViewPager) findViewById(R.id.vp);        images.add(R.mipmap.xiaomi_guidance_1);        images.add(R.mipmap.xiaomi_guidance_2);        images.add(R.mipmap.xiaomi_guidance_3);        vp.setOffscreenPageLimit(3);        int pagerWidth = (int) (getResources().getDisplayMetrics().widthPixels * 3.0f / 5.0f);        ViewGroup.LayoutParams lp = vp.getLayoutParams();        if (lp == null) {            lp = new ViewGroup.LayoutParams(pagerWidth, ViewGroup.LayoutParams.MATCH_PARENT);        } else {            lp.width = pagerWidth;        }        vp.setLayoutParams(lp);//setPageMargin表示设置图片之间的间距        vp.setPageMargin(getResources().getDimensionPixelSize(R.dimen.activity_horizontal_margin));        vp.setPageTransformer(true,new MyGallyPageTransformer());        vp.setAdapter(new MyViewpagerAdapter(images,this));        vp.setCurrentItem(2000);    }}

0 0