How to build a ViewPager that detects both swipe and click events

Question

How do I build a ViewPager that detects both swipe and click events?

I tried creating a custom ViewPager class that overrides onInterceptTouchEvent to register both click and swipe events (because I know they interfere with each-other), and that's were I got stuck.

How to proceed?

public class CustomViewPager extends ViewPager {

    public CustomViewPager(Context context) {
        super(context);
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public null onInterceptTouchEvent(MotionEvent ev) {
        //Enter the code here to communicate a touch event
        super.onInterceptTouchEvent(ev);

    }
}

Found the answer [here](http://stackoverflow.com/questions/16350987/viewpager-onitemclicklistener) — the_prole, Dec 30 '15 at 23:45

Nick Cardoso · Answer 1 · 2015-12-31T00:27:45.097

IF you are using a custom touch listener as in the example in the question, the trick to supporting clicks is using a Gesture Detector.

public class CustomViewPager extends ViewPager {

    private GestureDetector mGesture;

    public CustomViewPager(Context context) {
        super(context);
        init();
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mGesture = new GestureDetector(getContext(), new GestureDetector.SimpleOnGestureListener() {

            @Override
            public boolean onSingleTapConfirmed(MotionEvent e) {
               //Handle your click here
                return true;
            }

        });
    }

    @Override
    public null onInterceptTouchEvent(MotionEvent ev) {
        if (!mGesture.onTouchEvent(event)) {
            super.onInterceptTouchEvent(ev);
        }
    }

}

No you linked to *an* answer in your comments. That doesn't mean this approach won't work. If you want your link to be an answer, make an answer. People browsing this question later will look for an accepted answer, not comments — Nick Cardoso, Dec 31 '15 at 00:01
If I could, I would have just flagged my question as a duplicate. I will make an answer. — the_prole, Dec 31 '15 at 00:16

score 0 · Accepted Answer · edited May 23 '17 at 11:44

If you're not using a custom touch listener you can build your listener into the page content with the default listerner (as found here) within your Adapter.

something like this:

@Override
public Object instantiateItem(View collection, final int pos) { //have to make final so we can see it inside of onClick()

    LayoutInflater inflater = (LayoutInflater) collection.getContext()
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    View page = inflater.inflate(R.layout.YOUR_PAGE, null);

    page.setOnClickListener(new OnClickListener(){
        public void onClick(View v){
            //this will log the page number that was click
            Log.i("TAG", "This page was clicked: " + pos);
        }
    });

    ((ViewPager) collection).addView(page, 0);

    return page;
}

How to build a ViewPager that detects both swipe and click events

2 Answers2