用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是滑动中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值