Change viewpager item based on click event of viewpagerindicator icon

Question

I am using Viewpager and viewpagerindicator to display some content. Currently if we swipe the indicator selected item will change. But I want the vice versa i.e when I click on circle I need to change viewpager item.

Here is the code

 <android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    />
<com.viewpagerindicator.CirclePageIndicator
    android:id="@+id/indicator"
    android:padding="10dip"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    app:fillColor="#FFCC0000"
    app:snap="true"

    />

score 1 · Answer 1 · answered May 24 '13 at 07:03

1

Use

Viewpager.setCurrentItem(pageNo)

on clicking

answered May 24 '13 at 07:03

Yashwanth Kumar

28,931
15
65
69

But how do I get click event of that particular circle? – nucleons May 24 '13 at 07:56
you will have to check pageIndicator documentation to add click listeners to it. – Yashwanth Kumar May 24 '13 at 07:59
@YashwanthKumar can you please ans this http://stackoverflow.com/questions/17370729/intercepting-touch-events-in-viewpagerindicator. I really need help – Manwal Apr 09 '14 at 08:11
@Manwal contact me on my personal email in my profile for exact requirement, the question is unclear on what you are trying to achieve. – Yashwanth Kumar Apr 09 '14 at 17:05
@YashwanthKumar what is your email address? i haven't find it. – Manwal Apr 11 '14 at 08:19

score 1 · Answer 2 · answered Jan 08 '15 at 15:08

You need to modify the corresponding class's source code, for example this is my modifiedIconPageIndicator :

public void notifyDataSetChanged() {
    mIconsLayout.removeAllViews();
    IconPagerAdapter iconAdapter = (IconPagerAdapter) mViewPager.getAdapter();
    int count = iconAdapter.getCount();
    for (int i = 0; i < count; i++) {
        ImageView view = new ImageView(getContext(), null, R.attr.vpiIconPageIndicatorStyle);
        view.setImageResource(iconAdapter.getIconResId(i));

        //custom bigger indicator
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(100, 100);
        view.setLayoutParams(layoutParams);

        //custom onClick
        view.setTag(""+i);
        view.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                int pos = Integer.parseInt(v.getTag().toString());
                mViewPager.setCurrentItem(pos);
            }
        });

        mIconsLayout.addView(view);
    }

Many Thanks to the source :

https://github.com/JakeWharton/Android-ViewPagerIndicator/pull/321/files

score 0 · Answer 3 · edited Jun 10 '13 at 13:34

0

You can do that inside onclick listener of a button.Like,

ViewPager.setCurrentItem(0); //here I set first page

edited Jun 10 '13 at 13:34

chue x

18,573
7
56
70

answered May 24 '13 at 07:03

Basim Sherif

5,384
7
48
90

1

But how do I get click event of that circle? – nucleons May 24 '13 at 07:55
What circle? you need a circle button? – Basim Sherif May 24 '13 at 08:39

Change viewpager item based on click event of viewpagerindicator icon

3 Answers3