前段时间公司项目需要需要实现一个:列表中的每一个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);
}
}
总结:以上是我解决这个问题的步骤,虽然总体不太复杂,但是有总有那么个点想不出来。过程比较煎熬,结果比较欣喜。