zoukankan      html  css  js  c++  java
  • ViewPager,实现真正的无限循环(定时+手动)

    利用定时器,实现循环轮播,很简单;只需在定时器的消息里加如下代码即可:

    int count = adapter.getCount();  
    if (count > 1) { // 多于1个,才循环  
        int index = viewPager.getCurrentItem();  
        index = (index + 1) % count;  
        viewPager.setCurrentItem(index, true);  
    }  

    但如何在手指拨动时,也支持左右无限循环的功能呢?这个问题,我折腾了好久,网上资料多不可用。
    比较可笑的是在适配器里,设置数量为最大值;然后,在当前位置为中间的某个值,比如:

    public class MyAdapter extends PagerAdapter{    
        @Override    
        public int getCount() {    
            return Integer.MAX_VALUE;    
        }    
      
        @Override    
        public boolean isViewFromObject(View arg0, Object arg1) {    
            return arg0 == arg1;    
        }    
      
        @Override    
        public void destroyItem(View container, int position, Object object) {    
            ((ViewPager)container).removeView(mImageViews[position % count]);    
                
        }    
        public Object instantiateItem(View container, int position) {    
                View view = mImageViews[position % count];  
            ((ViewPager)container).addView(view, 0);    
            return view;    
        }    
    }    
      
    protected void onCreate(Bundle savedInstanceState) {   
        viewPager.setAdapter(new MyAdapter());    
        //设置ViewPager的默认项, 设置为总数的100倍,一开始才能往左滑动    
        viewPager.setCurrentItem(count * 100);              
    }    

    这种做法,实际上,并没有真正达到左右无限循环;只是一般情况下,很难达到边界(不可滑动)的情况。
    通过查阅大量的资料,我发现ViewPager自身并不支持左右无限循环的功能,不得不说,这点真是太失败了。
    由于ViewPager自身不支持,我们只能自己找方法了!下面是我实现左右无限循环的方法:
    用于显示的mViews,比数据源mList,多了两个节点元素(头节点0:b和尾节点5:e用于跳转)
    下图的不带箭头的红线,是mViews根据mList初始化的情况;带箭头的红线是跳转的情况。

    具体代码如下:

    public class AdapterCycle extends PagerAdapter   
            implements ViewPager.OnPageChangeListener{  
        private Context mContext; // 上下文  
        private LayoutInflater mInflater; // 用于解XML  
        private LinkedList<View> mViews; // <span style="font-family: Arial, Helvetica, sans-serif;">用于</span><span style="font-family: Arial, Helvetica, sans-serif;">显示的View</span>  
        private List<Drawable> mList; // 数据源<span style="font-family: Arial, Helvetica, sans-serif;">Drawable</span>  
        private ViewPager mViewPager; //页面  
          
          
        public AdapterCycle(Context context, ViewPager viewPager,   
            List<Drawable> list)  
        {  
            mContext = context;  
            mInflater = LayoutInflater.from(context);  
            mViewPager = viewPager;  
            if (list != null) {  
                //无论是否多于1个,都要初始化第一个(index:0)  
                mViews = new LinkedList<View>();  
                ImageView view = (ImageView) mInflater.inflate(  
                        R.layout.activity_main_item_cycle, null);  
                Drawable drawable = list.get(list.size() - 1);  
                view.setImageDrawable(drawable);  
                mViews.add(view);  
                //注意,如果不只1个,mViews比mList多两个(头尾各多一个)  
                //假设:mList为mList[0~N-1], mViews为mViews[0~N+1]  
                // mViews[0]放mList[N-1], mViews[i]放mList[i-1], mViews[N+1]放mList[0]  
                // mViews[1~N]用于循环;首位之前的mViews[0]和末尾之后的mViews[N+1]用于跳转  
                // 首位之前的mViews[0],跳转到末尾(N);末位之后的mViews[N+1],跳转到首位(1)  
                if( list.size() > 1) { //多于1个要循环  
                    for (Drawable d : list) { //中间的N个(index:1~N)  
                        ImageView v = (ImageView) mInflater.inflate(  
                                R.layout.activity_main_item_cycle, null);  
                        v.setImageDrawable(d);  
                        mViews.add(v);  
                    }  
                    //最后一个(index:N+1)  
                    view = (ImageView) mInflater.inflate(  
                            R.layout.activity_main_item_cycle, null);  
                    drawable = dList.get(0);  
                    view.setImageDrawable(drawable);  
                    mViews.add(view);  
                }  
            }  
        }  
          
        @Override  
        public int getCount() {  
            return mViews.size();  
        }  
          
        @Override  
        public boolean isViewFromObject(View view, Object object) {  
            return view == object;  
        }  
      
        @Override  
        public void destroyItem(ViewGroup container, int position, Object object) {  
            ((ViewPager) container).removeView(mViews.get(position));  
        }  
      
        @Override  
        public Object instantiateItem(ViewGroup container, int position) {  
            View view = mViews.get(position);  
            container.addView(view);  
            return view;  
        }  
          
          
        // 实现ViewPager.OnPageChangeListener接口  
        @Override  
        public void onPageSelected(int position) {  
            LogUtils.logi(TAG, "onPageSelected:" + position);  
            if ( mViews.size() > 1) { //多于1,才会循环跳转  
                if ( position < 1) { //首位之前,跳转到末尾(N)  
                    position = mList.size(); //注意这里是mList,而不是mViews  
                    mViewPager.setCurrentItem(position, false);  
                } else if ( position > mList.size()) { //末位之后,跳转到首位(1)  
                    mViewPager.setCurrentItem(1, false); //false:不显示跳转过程的动画  
                    position = 1;  
                }  
            }         
        }  
      
        @Override  
        public void onPageScrolled(int position, float positionOffset,  
                int positionOffsetPixels) {  
            // 什么都不干  
        }  
      
        @Override  
        public void onPageScrollStateChanged(int state) {  
            // 什么都不干  
        }  
    }  
      
      
        //在外层,将mViewPager初始位置设置为1即可  
        if (mAdapterCycle.getCount() > 1) { //多于1个,才循环并开启定时器  
            mViewPager.setCurrentItem(1); //将mViewPager初始位置设置为1  
            startTimer(); //开启定时器,定时切换页面  
        }  

    这时,利用定时器,实现循环轮播,需要修改成如下:

    int count = adapter.getCount();  
    if (count > 2) { // 实际上,多于1个,就多于3个  
        int index = viewPager.getCurrentItem();  
        index = index % (count - 2) + 1; //这里修改过  
        viewPager.setCurrentItem(index, true);  
    }
  • 相关阅读:
    LN : leetcode 283 Move Zeroes
    LN : Eden Polymorphic And OOP Design Pattern Abstract Factory
    LN : leetcode 242 Valid Anagram
    LN : leetcode 231 Power of Two
    LN : leetcode 191 Number of 1 Bits
    LN : leetcode 263 Ugly Number
    LN : leetcode 258 Add Digits
    LN : leetcode 292 Nim Game
    day5——Python整型、浮点型、布尔型及字符串
    day4——Python运算符
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/7470721.html
Copyright © 2011-2022 走看看