ViewPager的使用<二>

最新推荐文章于 2023-12-14 21:35:10 发布

原创最新推荐文章于 2023-12-14 21:35:10 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍如何使用Android中的ViewPager实现无限循环滚动效果和自动滚动功能。通过自定义适配器，重写关键方法，实现了图片轮播效果，并提供源码下载。

布局

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

此案例中ViewPager每一页的布局就是一个ImageView

代码

    // 初始化
    init();
    // 设置适配器
    mViewPager.setAdapter(mMyPagerAdapter);

    private void init() {
        mViewPager = (ViewPager) findViewById(R.id.viewPager);
        inflater = getLayoutInflater();

        mViews = new ArrayList<>();

        for (int i = 0; i < imgResIds.length; i++) {
            View inflate = inflater.inflate(R.layout.item, null);
            ImageView imageView = (ImageView) inflate.findViewById(R.id.item_img);
            imageView.setBackgroundResource(imgResIds[i]);
            mViews.add(inflate);
        }

        mMyPagerAdapter = new MyPagerAdapter(mViews);

    }

适配器

    /**
     * 创建类继承PagerAdapter,只给我们重写了两个方法getCount()，isViewFromObject()
     * ViewPager要使用的话至少要重写四个方法 instantiateItem(),destroyItem()
     */
    class MyPagerAdapter extends PagerAdapter{

        List<View> mList;

        public MyPagerAdapter(List<View> list) {
            mList = list;
        }

        @Override
        public int getCount() {
            return mList.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object; // 官方推荐写法
        }

        /**
         * @param container 其实就是ViewPager
         * @return 实际返回的就是子页面的View视图
         */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            View view = mList.get(position);
            container.addView(view);

            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(mList.get(position));
        }
    }

进阶1-实现无限滚动

适配器需要修改

        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            position %= mList.size();

            View view = mList.get(position);
            container.addView(view);

            return view;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            // getCount设置为一个无限大的数，导致必须对position进行取余
            // 保证不会超过item的个数，防止下标越界
            position %= mList.size();

            container.removeView(mList.get(position));
        }

        // 实现无限滚动  给数据源个数设置为一个比较大的数值即可
        @Override
        public int getCount() {
            return Integer.MAX_VALUE;
        }

进阶2-实现自动滚动

    private void AutoScroll() {
        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {

                // 先获取到当前滚动到的position
                int currentItem = mViewPager.getCurrentItem();


                 mViewPager.setCurrentItem(++currentItem);


                mHandler.postDelayed(this,2000);
            }
        }, 2000);

这里写图片描述

源码下载