ListPage行内的Viewpager

Question

I have listview in which each list item contains some textviews and one viewpager. I want to scrollable images in each listitem via viewpager just like Airbnb app.

I have tried to implement it but problem is that each time in list adapter I have to create new viewpager instance, set a new id to viewpager. Also each time I have to create new FragmentStatePagerAdapter and set it to viewpager. The app crash on reuse of viewpager and adapter.

So is there any way or library available to integrate viewpager in listview??

Here is my code I am using SimpleCursorAdapter for listview and SimpleCursorAdapter.ViewBinder to bind viewpager adapter.

SimpleCursorAdapter.ViewBinder

...

    enter code here
    listPager = new ViewPager(MainListActivity.this);
    listPager.setId(R.id.viewpager_id_base + cursor.getPosition() + 1);
    listPager.setPageMargin(-(int) (pageMargin * 1.5));
    listPager.setLayoutParams(pagerParams);

    imageList      = MainListDAO.getMedia(rowId);
    mediaAdapter   = new ViewPagerAdapter(getSupportFragmentManager(), imageList);
    mediaAdapter   . setCount(imageList.size());
    listPager.setAdapter(mediaAdapter);

...


listitem.xml
...
  <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:gravity="center_horizontal"
                android:orientation="vertical"
                android:paddingTop="5dp" >

                <TextView
                    android:id="@+id/txtCommentCount"
                    style="@style/textStyle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />

                <ImageView
                    android:id="@+id/txtSending"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:padding="5dp"
                    android:src="@drawable/clock" />

                <ImageView
                    android:id="@+id/imgMute"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:padding="5dp"
                    android:src="@drawable/ic__mute_small" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/lytMedia"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >


            <android.support.v4.view.ViewPager
                android:id="@+id/viewPager"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/activity_default_margin"
                android:focusable="false"
                android:focusableInTouchMode="true" >
            </android.support.v4.view.ViewPager>


        </LinearLayout>

...

Answer 1

I did try implement the same, but no success.

I think that the app implements a custom component. It don't work in all devices eg: Moto G, Samsung Galaxy Note II. The items will be showed like a list and the horizontal pager will be disabled.

You could use AndroidImageSlider library to implement each item in a Recyclerview. You must create a custom adapter that implements the onBindViewHolder and set the SliderLayout attributes in this method. I did it ... and works.