viewpager从入门到精通1 viewpager基本使用

为了帮助大家更好理解viewpager本人打算做一个viewpager系列讲解希望能帮助到大家，大家如果有什么问题欢迎指正。

首先还是先上效果图。

就是一个普通的效果图。

接下来我们来看下实现过程布局中的代码就不在过多描述了

首先是viewpager的adapter

public class MyPagerAdapter extends PagerAdapter {
    private List<View> pagerViews;

    public MyPagerAdapter(List<View> pagerViews) {
        this.pagerViews = pagerViews;
    }

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

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = pagerViews.get(position);
        if (view.getParent() != null) {
            ViewGroup viewGroup = (ViewGroup) view.getParent();
            viewGroup.removeView(view);
        }
        container.addView(view);
        return pagerViews.get(position);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
    }
}
           

代码量不是很多但是这里有2个需要关注的点

1.instantiateItem这里核心的处理是container.addView是将布局添加到viewpager中并将布局返回，viewGroup.removeView这一句很关键，如果没有的话会报如下异常

java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.
           

当然大家可能会想到在destroyItem里面移除不就行了如果我们将viewGroup.removeView写到了destroyItem中在快滑过程中会报上面的异常

2.大家看到了destroyItem没写任何代码为了就是当viewpager划出界面后快速重新回到当前pager页面出现黑屏问题。

下面就是activity调用也是很简单的代码如下

private ViewPager vp_mian1;
    private MyPagerAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main1);
        vp_mian1 = findViewById(R.id.vp_mian1);
        adapter = new MyPagerAdapter(installItems());
        vp_mian1.setAdapter(adapter);
    }

    public List<View> installItems() {
        List<View> views = new ArrayList<>();
        int drawables[] = {R.drawable.d_01, R.drawable.d_02, R.drawable.d_03, R.drawable.d_04, R.drawable.d_05};
        for (int i = ; i < 5; i++) {
            RelativeLayout rlHeaderItem = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.header_pager_view, null);
            ImageView ivItem = rlHeaderItem.findViewById(R.id.iv_header_item);
            ivItem.setBackgroundDrawable(getResources().getDrawable(drawables[i]));
            views.add(rlHeaderItem);
        }
        return views;
    }
           

只需将item设置到pager上即可。是不是很简单。

下一篇我们江辉介绍无限数量viewpager 链接是 viewpager从入门到精通2 无限数量viewpager

GitHub传送门点击这里