用viewPager实现简易循环播放页

实现viewpager的定时切换很简单,只需要开一个线程设置viewpager的显示视图是当前视图的下一个即可实现平滑切换。至于循环,即最后一页的下一页显示第一页的视图,要在适配器里进行设置,具体见下面代码:

自定义适配器代码,继承自pagerAdapter:

package test.example.com.mytestapplication;

import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;

/**
 * Created by Administrator on 2017/1/13 0013.
 */
public class MyViewPagerAdapter extends PagerAdapter {

    private int[] list;
    private int MAX_ITEMS=10;
    private Context context;
    public MyViewPagerAdapter(int [] list,Context context){
        this.list=list;
        this.context=context;
    }

    @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) {
        //用当前位置对数组求余确定取出的view,实现了循环,并加入container中
        int realPosition=position % list.length;
        View view=new View(context);
        view.setBackgroundResource(list[realPosition]);
        container.addView(view);
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((View) object);
    }
}
首先,在getCount方法返回一个整形最大值,使得这个viewpager含有最多的子项,因为这里的循环并不是真的返回第一个页面,而是复用数组的资源调用第一个元素创造下一个界面。在核心视图显示方法instantiateItem里可以看到每次都用当前位置对数组长度求余得到应该显示的视图资源,并创建一个view,加入container并返回。刚开始的时候我传入的是一个view数组,每次都直接调用数组中的view,但是左滑时出现了The specified child already has a parent. You must call removeView() on the child's parent first的异常那个,翻译过来是当前要调用的view已经有一个父容器,想要使用的话必须在父容器中删除这个view。为了解决这个问题我在把view加入container前判断了下它是否有父容器(getParent),有的话就在父容器中把它删掉。但是这样的后果是左滑时页面直接没有了,说明复用view确实有很大风险引起冲突,于是我改为为适配器传入资源和context,每一次都新建一个view,问题解决了。


主活动代码:

package test.example.com.mytestapplication;


import android.os.Handler;
import android.os.Message;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends AppCompatActivity {

    private List<View> list;
    private TextView tvTitle;
    private int []imagesId={R.drawable.a,R.drawable.b,R.drawable.c};
    private ViewPager vp;
    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            vp.setCurrentItem(vp.getCurrentItem()+1);
        }
    };
    private String[] titles={
           "标题1","标题2","标题3"
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tvTitle= (TextView) findViewById(R.id.tvTitle);
        initList();
        vp= (ViewPager) findViewById(R.id.vp);
        vp.setAdapter(new MyViewPagerAdapter(imagesId,this));
        vp.setCurrentItem(Integer.MAX_VALUE/2);
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                tvTitle.setText(titles[position%titles.length]);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        new Thread(new Runnable() {
            @Override
            public void run() {
                while (true){
                    try {
                        Thread.sleep(1500);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                    handler.sendEmptyMessage(0);
                }
            }
        }).start();
    }

    private void initList() {
        list=new ArrayList<>();
        for (int i=0;i<3;i++){
            View view=new View(this);
            view.setBackgroundResource(imagesId[i]);
            list.add(view);
        }
    }
}
可以看到,核心代码就是开线程定时用handler进行viewpager的切换:vp.setCurrentItem(vp.getCurrentItem()+1),viewpager的当前视图设置用的是位置数字,很方便。为了能实现左滑的循环,我把viewpager的初始位置设置为最大长度的中间处。

这里还用到了onPageChangeListener进行视图切换时的操作(比如文本框内容的更换),可以看到里面有三个方法,onPageSelected在切换结束时调用,参数是当前位置。onPageScrolled在滑动过程中不断调用,参数分别是位置,滑动内容所占百分比,滑动的像素。最后一个方法在滑动状态改变时调用,参数:0是默认无滑动,1是滑动完成,2是滑动中。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现数据无限循环可以通过以下步骤: 1. 在Adapter中重写getCount()方法,将其返回一个较大的值,比如Integer.MAX_VALUE,这样就可以实现数据循环的效果。 2. 在Adapter中重写getItem()方法,将其返回数据集中指定位置的数据,但是要注意,位置需要取余数,即position % data.size(),这样可以保证数据循环。 3. 在ViewPager中重写onPageSelected()方法,当用户滑动到第一个或最后一个数据时,将ViewPager设置为对应的位置,这样就可以实现无限循环的效果。 以下是示例代码: ``` public class MyPagerAdapter extends PagerAdapter { private List<Data> mDataList; public MyPagerAdapter(List<Data> dataList) { mDataList = dataList; } @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) { View itemView = LayoutInflater.from(container.getContext()).inflate(R.layout.item_viewpager, container, false); TextView textView = itemView.findViewById(R.id.tv_data); Data data = mDataList.get(position % mDataList.size()); textView.setText(data.getData()); container.addView(itemView); return itemView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } public class MainActivity extends AppCompatActivity { private ViewPager mViewPager; private List<Data> mDataList = new ArrayList<>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initData(); initViewPager(); } private void initData() { for (int i = 0; i < 10; i++) { mDataList.add(new Data("Data " + i)); } } private void initViewPager() { mViewPager = findViewById(R.id.view_pager); mViewPager.setAdapter(new MyPagerAdapter(mDataList)); mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { if (position == 0) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } else if (position == Integer.MAX_VALUE - 1) { mViewPager.setCurrentItem(Integer.MAX_VALUE / 2); } } @Override public void onPageScrollStateChanged(int state) { } }); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值