ViewPager 循环滚动

来源:互联网 发布:软件注册过期怎么办 编辑:程序博客网 时间:2024/05/16 07:24

这个功能其实很简单,看代码。
先定义一个View的集合和一个View里面显示图片的id的数组,都用集合也可以。

private List<View> viewList = new ArrayList<View>();private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };

接着创建View。

private void createView() {    // 创建一个跟最后一个一样的放在前面    viewList.add(createImageView(ids[ids.length - 1]));    for (int i = 0; i < ids.length; i++) {        viewList.add(createImageView(ids[i]));    }    // 创建一个跟第一个一样的放在后面    viewList.add(createImageView(ids[0]));}

多生成两个辅助的View,这样的一个View 集合使用ViewPage显示之后,图片1往回滚动就会显示图片3,图片3正常滚动就会显示图片1。
看起来是不是循环了呢?有人想说:你这不是瞎比比么,这样图片3滚到图片1再继续滚不还是动不了了吗?这样的问题当然要解决了,不然就不叫循环了

OnPageChangeListener myOnPageChangeListener = new OnPageChangeListener() {    @Override    public void onPageSelected(int arg0) {    }    @Override    public void onPageScrolled(int arg0, float arg1, int arg2) {        // 无限循环滑动        if (ids.length > 1) {// 多于一个view才会循环跳转            if (arg0 == 0 && arg2 == 0) {                // 切换循环更加流畅,不会出现生硬的切换感觉                arg0 = ids.length;                viewpager.setCurrentItem(arg0, false);            } else if (arg0 > ids.length) {                viewpager.setCurrentItem(1, false);            }        }    }    @Override    public void onPageScrollStateChanged(int arg0) {    }};

把这个监听实例设置给ViewPage实例就好啦。
setCurrentItem(arg0, false);false表示无动画滚动,就是直接改变正在显示的View。
所以…看出来吧,到了最后一个的时候立刻无动画进入第一个,由于第一个和最后一个是一模一样的,所以看起来就像直接从最后一个有动画进入了第一个,就是循环啦。
下面贴出一份完整的代码
布局文件:

<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.support.v4.view.ViewPager        android:id="@+id/view_pager"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>

Java代码:

import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;public class MainActivity extends Activity {    private ViewPager viewpager = null;    private List<View> viewList = new ArrayList<View>();    private int[] ids = { R.drawable.pic_1, R.drawable.pic_2, R.drawable.pic_3 };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        init();        initViewPagerData();    }    private void init() {        // 初始化界面        viewpager = (ViewPager) findViewById(R.id.view_pager);        // 添加事件        viewpager.setOnPageChangeListener(myOnPageChangeListener);    }    private void initViewPagerData() {        createView();        viewpager.setAdapter(pagerAdapter);        viewpager.setCurrentItem(1, false);    }    private void createView() {        // 创建一个跟最后一个一样的放在前面        viewList.add(createImageView(ids[ids.length - 1]));        for (int i = 0; i < ids.length; i++) {            viewList.add(createImageView(ids[i]));        }        // 创建一个跟第一个一样的放在后面        viewList.add(createImageView(ids[0]));    }    private ImageView createImageView(int id) {        ImageView view = new ImageView(this);        view.setBackgroundResource(id);        return view;    }    OnPageChangeListener myOnPageChangeListener = new OnPageChangeListener() {        @Override        public void onPageSelected(int arg0) {        }        @Override        public void onPageScrolled(int arg0, float arg1, int arg2) {            // 无限循环滑动            if (ids.length > 1) {// 多于一个view才会循环跳转                if (arg0 == 0 && arg2 == 0) {                    // 切换循环更加流畅,不会出现生硬的切换感觉                    arg0 = ids.length;                    viewpager.setCurrentItem(arg0, false);                } else if (arg0 > ids.length) {                    viewpager.setCurrentItem(1, false);                }            }        }        @Override        public void onPageScrollStateChanged(int arg0) {        }    };    PagerAdapter pagerAdapter = new PagerAdapter() {        @Override        public boolean isViewFromObject(View arg0, Object arg1) {            return arg0 == arg1;        }        @Override        public int getCount() {            return viewList.size();        }        public Object instantiateItem(ViewGroup container, int position) {            ((ViewPager) container).addView(viewList.get(position));            return viewList.get(position);        };        public void destroyItem(ViewGroup container, int position, Object object) {            ((ViewPager) container).removeView(viewList.get(position));        };    };}
0 0
原创粉丝点击