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傳送門點選這裡