Android list每个item嵌套ViewPager

前段时间公司项目需要需要实现一个:列表中的每一个item嵌套横向滑动页的效果。刚拿到这个需求感觉实现起来应该比较简单,直接用ListView 嵌套 ViewPager就可以了,但在实现过程中确遇到很多问题,自己写了个demo,拿出来把问题说明一下:

第一步:用ListView + ViewPager实现列表分页效果:

直接加listview , item中加viewPager, 给viewPager设置fragment,但是实现出来后的效果是只显示第一个viewPager的内容,而下面的viewPger的item数据全都没有显示出来。
这里写图片描述

第二步:设置id

后来尝试在adapter的getView()方法中给viewPger设置id,后可以显示出所有的viewPager的item,但是上下滑动后还是会出现新的问题:还是会出现空的现象:

public View getView(int position, View convertView, ViewGroup parent) {
        convertView = View.inflate(context, R.layout.item_pager, null);

        ViewPager viewPager = (ViewPager) convertView.findViewById(R.id.vp);

        viewPager.setId(position + getCount());

        MyFragmentPagerAdapter fragmentPagerAdapter = new MyFragmentPagerAdapter(context.getSupportFragmentManager());
        viewPager.setAdapter(fragmentPagerAdapter);
        viewPager.setCurrentItem(0);

        return convertView;
    }

这里写图片描述

第三步:换用RecyclerView尝试

后来也想了一些其它的方法来尝试解决这个问题,但是都不尽完美,想着尝试一下用RecyclerView来尝试一下,发现完美解决:

以下是在adapter中的关键代码:

public void onBindViewHolder(final ViewHolder holder, int position) {
        holder.viewPager.setId(position + getItemCount());

        MyFragmentPagerAdapter fragmentPagerAdapter = new MyFragmentPagerAdapter(mActivity.getSupportFragmentManager());
        holder.viewPager.setAdapter(fragmentPagerAdapter);
        holder.viewPager.setCurrentItem(holder.currentPage);

        holder.viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                holder.currentPage = position;
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }


class ViewHolder extends RecyclerView.ViewHolder{
        public int currentPage = 0;


        public ViewPager viewPager;


        public ViewHolder(View itemView) {
            super(itemView);

            viewPager = (ViewPager) itemView.findViewById(R.id.vp);
        }
    }

这里写图片描述

总结:以上是我解决这个问题的步骤,虽然总体不太复杂,但是有总有那么个点想不出来。过程比较煎熬,结果比较欣喜。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值