How do disable paging by swiping with finger in ViewPager but still be able to swipe programmatically

Question

I have ViewPager and below it I have 10 buttons  By clicking on button  for example  4  the pager goes immediately to page  4 by mPager setCurrentItem 3    But  I want to disable the paging by swiping with finger horizontally  Thus  the paging is done ONLY by clicking on the buttons   So  how I can disable the swiping with finger

User · Answer

To disable swipe   mViewPager beginFakeDrag      To enable swipe   mViewPager endFakeDrag

User · Answer

I used this class with success  Overriding the executeKeyEvent is required to avoid swiping using arrows in some devices or for accessibility   import android content Context  import android support v4 view ViewPager  import android util AttributeSet  import android view KeyEvent  import android view MotionEvent   public class ViewPagerNoSwipe extends ViewPager                  Is swipe enabled             private boolean enabled       public ViewPagerNoSwipe Context context  AttributeSet attrs            super context  attrs           this enabled   false     By default swiping is disabled             Override     public boolean onTouchEvent MotionEvent event            return this enabled   super onTouchEvent event    false              Override     public boolean onInterceptTouchEvent MotionEvent event            return this enabled   super onInterceptTouchEvent event    false              Override     public boolean executeKeyEvent KeyEvent event            return this enabled   super executeKeyEvent event    false             public void setSwipeEnabled boolean enabled            this enabled   enabled             And in the xml call it like this    lt package path ViewPagerNoSwipe     android layout width  match parent      android layout height  match parent    gt

User · Answer

here is my implementation that if you want to disable the swipe animation you can you use the swipeListener left and right and still want the scroll by finger but without animation   1-Override Viewpager method onInterceptTouchEvent and onTouchEvent   2- create your own GestureDetector  3- detect the swipe gesture and use  the setCurrentItem item  false   ViewPager  public class ViewPagerNoSwipe extends ViewPager       private final GestureDetector gestureDetector      private OnSwipeListener mOnSwipeListener       public void setOnSwipeListener OnSwipeListener onSwipeListener            mOnSwipeListener   onSwipeListener             public ViewPagerNoSwipe  NonNull Context context            super context           gestureDetector   new GestureDetector context  new GestureListener                 public ViewPagerNoSwipe  NonNull Context context   Nullable AttributeSet attrs            super context  attrs           gestureDetector   new GestureDetector context  new GestureListener                   Override     public boolean onTouchEvent MotionEvent ev            return true              Override     public boolean onInterceptTouchEvent MotionEvent ev            gestureDetector onTouchEvent ev           return false             public class GestureListener extends GestureDetector SimpleOnGestureListener            private static final int SWIPE THRESHOLD   100          private static final int SWIPE VELOCITY THRESHOLD   100            Override         public boolean onDown MotionEvent e                return true                      Override         public boolean onFling MotionEvent e1  MotionEvent e2  float velocityX  float velocityY                boolean result   false              try                   float diffY   e2 getY   - e1 getY                    float diffX   e2 getX   - e1 getX                    if  Math abs diffX   gt  Math abs diffY                         if  Math abs diffX   gt  SWIPE THRESHOLD  amp  amp  Math abs velocityX   gt  SWIPE VELOCITY THRESHOLD                            if  diffX  gt  0                                if mOnSwipeListener  null                              mOnSwipeListener onSwipeRight                              else                               if mOnSwipeListener  null                                  mOnSwipeListener onSwipeLeft                                                      result   true                                          else if  Math abs diffY   gt  SWIPE THRESHOLD  amp  amp  Math abs velocityY   gt  SWIPE VELOCITY THRESHOLD                        if  diffY  gt  0                            if mOnSwipeListener  null                              mOnSwipeListener onSwipeBottom                          else                           if mOnSwipeListener  null                              mOnSwipeListener onSwipeTop                                              result   true                                  catch  Exception exception                    exception printStackTrace                              return result                       public interface OnSwipeListener             void onSwipeRight             void onSwipeLeft             void onSwipeTop             void onSwipeBottom              the when you are set up the ViewPager set the swipeListener   postsPager setOnSwipeListener new ViewPagerNoSwipe OnSwipeListener                  Override             public void onSwipeRight                    postsPager setCurrentItem postsPager getCurrentItem     1 false                                Override             public void onSwipeLeft                  postsPager setCurrentItem postsPager getCurrentItem   - 1  false

User · Answer

in kotlin viewPagerNavigation isUserInputEnabled   false

User · Answer

I know it s mighty late to post this but here s a tiny hack to achieve your outcome     Simply add a dummy view below your viewpager    lt android support v4 view ViewPager      android layout width  match parent       android layout height  match parent  gt   lt  android support v4 view ViewPager gt    lt RelativeLayout      android id    id dummyView       android layout width  match parent       android layout height  match parent  gt   lt  RelativeLayout gt    Then add a OnClickListener to your RelativeLayout   dummyView    RelativeLayout  findViewById R id dummyView    dummyView setOnClickListener new View OnClickListener          Override     public void onClick View view               Just leave this empty             Get a bit creative with layouts  their placements and their behaviour and you ll learn to find a way to do absolutely anything that you imagine     Good luck

User · Answer

None of the above code is working smoothly i tried this   lt HorizontalScrollView                     android id    id horizontalScrollView                      android layout width  match parent                      android layout height  match parent                      android fillViewport  true  gt                        lt android support v4 view ViewPager                         android id    id pager                          android layout width  match parent                          android layout height  match parent    gt                   lt  HorizontalScrollView gt

User · Answer

If you write an image gallery with ImageViews and ViewPager  that supports zoom and pan  see a simple solution described here  Implementing a zoomable ImageView by Extending the Default ViewPager in Phimpme Android   and Github sample - PhotoView   This solution doesn t work with ViewPager alone   public class CustomViewPager extends ViewPager       public CustomViewPager Context context            super context              public CustomViewPager Context context  AttributeSet attrs                super context attrs               Override     public boolean onInterceptTouchEvent MotionEvent event            try               return super onInterceptTouchEvent event             catch  IllegalArgumentException e                return false

User · Answer

You need to subclass ViewPager   onTouchEvent has a lot of good things in it that you don t want to change like allowing child views to get touches   onInterceptTouchEvent is what you want to change   If you look at the code for ViewPager  you ll see the comment                 This method JUST determines whether we want to intercept the motion         If we return true  onMotionEvent will be called and we do the actual        scrolling there            Here s a complete solution   First  add this class to your src folder   import android content Context  import android support v4 view ViewPager  import android util AttributeSet  import android view MotionEvent  import android view animation DecelerateInterpolator  import android widget Scroller  import java lang reflect Field   public class NonSwipeableViewPager extends ViewPager        public NonSwipeableViewPager Context context            super context           setMyScroller               public NonSwipeableViewPager Context context  AttributeSet attrs            super context  attrs           setMyScroller                Override     public boolean onInterceptTouchEvent MotionEvent event               Never allow swiping to switch between pages         return false              Override     public boolean onTouchEvent MotionEvent event               Never allow swiping to switch between pages         return false               down one is added for smooth scrolling      private void setMyScroller             try               Class lt   gt  viewpager   ViewPager class              Field scroller   viewpager getDeclaredField  mScroller                scroller setAccessible true               scroller set this  new MyScroller getContext                catch  Exception e                e printStackTrace                         public class MyScroller extends Scroller           public MyScroller Context context                super context  new DecelerateInterpolator                         Override         public void startScroll int startX  int startY  int dx  int dy  int duration                super startScroll startX  startY  dx  dy  350   1 secs                         Next  make sure to use this class instead of the regular ViewPager  which you probably specified as android support v4 view ViewPager   In your layout file  you ll want to specify it with something like    lt com yourcompany NonSwipeableViewPager     android id    id view pager      android layout width  match parent      android layout height  0dp      android layout weight  1    gt    This particular example is in a LinearLayout and is meant to take up the entire screen  which is why layout weight is 1 and layout height is 0dp   And setMyScroller    method is for smooth transition

User · Answer

The more general extension of ViewPager would be to create a SetPagingEnabled method so that we can enable and disable paging on the fly  To enable   disable the swiping  just overide two methods  onTouchEvent and onInterceptTouchEvent  Both will return  false  if the paging was disabled   public class CustomViewPager extends ViewPager        private boolean enabled       public CustomViewPager Context context  AttributeSet attrs            super context  attrs           this enabled   true              Override     public boolean onTouchEvent MotionEvent event            if  this enabled                return super onTouchEvent event                      return false              Override     public boolean onInterceptTouchEvent MotionEvent event            if  this enabled                return super onInterceptTouchEvent event                      return false             public void setPagingEnabled boolean enabled            this enabled   enabled             Then select this instead of the built-in viewpager in XML   lt mypackage CustomViewPager      android id    id myViewPager       android layout height  match parent       android layout width  match parent    gt    You just need to call the setPagingEnabled method with false and users won t be able to swipe to paginate

User · Answer

In Kotlin  my solution  combining above answers   class CustomViewPager context  Context  attrs  AttributeSet   ViewPager context  attrs        var swipeEnabled   false      override fun onTouchEvent ev  MotionEvent    Boolean           return if  swipeEnabled  super onTouchEvent ev  else false            override fun onInterceptTouchEvent ev  MotionEvent    Boolean           return if  swipeEnabled  super onInterceptTouchEvent ev  else false            override fun executeKeyEvent event  KeyEvent   Boolean           return if  swipeEnabled  super executeKeyEvent event  else false

User · Answer

If your are using ViewPager2 you just have to use   viewpager setUserInputEnabled false    From the docs      Enable or disable user initiated scrolling  This includes touch input  scroll and fling gestures  and accessibility input  Disabling keyboard input is not yet supported  When user initiated scrolling is disabled  programmatic scrolls through setCurrentItem still work  By default  user initiated scrolling is enabled    Thanks to  https   stackoverflow com a 61685871 9026710

User · Answer

Now we no need to create custom ViewPager A new ViewPager2  name View available in android  Vertical orientation support   ViewPager2 supports vertical paging in addition to traditional horizontal paging  You can enable vertical paging for a ViewPager2 element by setting its android orientation attribute   Using XML   lt androidx viewpager2 widget ViewPager2     xmlns android  quot http   schemas android com apk res android quot      android id  quot   id pager quot      android orientation  quot vertical quot    gt    Using code  To disable swiping in viewpager2 use viewPager2 setUserInputEnabled false    To enable swiping in viewpager2 Use viewPager2 setUserInputEnabled true    for more information check this  ViewPager2 ViewPager2 under the Hood Hands on With ViewPager2  UPDATE  Please check   Migrate from ViewPager to ViewPager2  For complete example please check this Use of ViewPager2 in Android

User · Answer

Overriding only onTouchEvent and onInterceptTouchEvent is not sufficient in case you have ViewPager itself inside another ViewPager  Child ViewPager would steal horizontal scroll touch events from parent ViewPager unless it is positioned on its first   last page   To make this setup work properly you need to override also the canScrollHorizontally method   See LockableViewPager implementation below   public class LockableViewPager extends ViewPager        private boolean swipeLocked       public LockableViewPager Context context            super context              public LockableViewPager Context context  AttributeSet attrs            super context  attrs              public boolean getSwipeLocked             return swipeLocked             public void setSwipeLocked boolean swipeLocked            this swipeLocked   swipeLocked              Override     public boolean onTouchEvent MotionEvent event            return  swipeLocked  amp  amp  super onTouchEvent event               Override     public boolean onInterceptTouchEvent MotionEvent event            return  swipeLocked  amp  amp  super onInterceptTouchEvent event               Override     public boolean canScrollHorizontally int direction            return  swipeLocked  amp  amp  super canScrollHorizontally direction

User · Answer

In kotlin  we can solve this by creating a custom widget inheriting the ViewPager class and adding a flag value for controlling swipe behavior   NoSwipePager kt  class NoSwipePager context  Context  attrs  AttributeSet    ViewPager context  attrs         var pagingEnabled  Boolean   false      override fun onTouchEvent event  MotionEvent   Boolean           return if  this pagingEnabled                super onTouchEvent event            else false            override fun onInterceptTouchEvent event  MotionEvent   Boolean           return if  this pagingEnabled                super onInterceptTouchEvent event            else false           In xml   lt your package NoSwipePager     android id    id view pager      android layout width  match parent      android layout height  match parent      android layout below   id tab layout    gt    Disable swiping programmatically  If kotlin-android-extensions plugin is applied in build gradle  swiping can be disabled by writing below code   view pager pagingEnabled   false   Otherwise we can disable swiping using code below   val viewPager   ViewPager   findViewById R id view pager  viewPager pagingEnabled   false

User · Answer

shareViewPager  setOnTouchListener object  View OnTouchListener              override fun onTouch v  View   event  MotionEvent    Boolean                   for  PAGE in 0  shareViewPager adapter   count                       if  shareViewPager currentItem  PAGE                           shareViewPager setCurrentItem PAGE-1 false                          shareViewPager setCurrentItem PAGE false                                         return true

User · Answer

I needed to disable swiping on one specific page  and give it a nice rubber-band animation  here s how       mViewPager addOnPageChangeListener new ViewPager OnPageChangeListener               Override         public void onPageScrolled int position  float positionOffset                                     int positionOffsetPixels                if  position    MANDATORY PAGE LOCATION  amp  amp  positionOffset  gt  0 5                    mViewPager setCurrentItem MANDATORY PAGE LOCATION  true

User · Answer

The simplest way is to setOnTouchListener and return true for ViewPager   mPager setOnTouchListener new OnTouchListener                             Override         public boolean onTouch View v  MotionEvent event                        return true

User · Answer

Better to declare it styleable  so you can change its property from xml   private boolean swipeable   public MyViewPager Context context  AttributeSet attrs        super context  attrs       TypedArray a   context obtainStyledAttributes attrs  R styleable MyViewPager       try           swipeable   a getBoolean R styleable MyViewPager swipeable  true         finally           a recycle              Override public boolean onInterceptTouchEvent MotionEvent event        return swipeable   super onInterceptTouchEvent event    false      Override public boolean onTouchEvent MotionEvent event        return swipeable   super onTouchEvent event    false      And in your values attr xml    lt declare-styleable name  MyViewPager  gt     lt attr name  swipeable  format  boolean    gt   lt  declare-styleable gt    so that you can use it in you layout xml    lt mypackage MyViewPager     xmlns app  http   schemas android com apk res-auto      android id    id viewPager      android layout width  wrap content      android layout height  wrap content      app swipeable  false    gt    Of course  you can still have a get set property

User · Answer

I wrote a CustomViewPager with a swiping control   public class ScrollableViewPager extends ViewPager       private boolean canScroll   true      public ScrollableViewPager Context context            super context             public ScrollableViewPager Context context  AttributeSet attrs            super context  attrs             public void setCanScroll boolean canScroll            this canScroll   canScroll             Override     public boolean onTouchEvent MotionEvent ev            return canScroll  amp  amp  super onTouchEvent ev              Override     public boolean onInterceptTouchEvent MotionEvent ev            return canScroll  amp  amp  super onInterceptTouchEvent ev             If you set canScroll to true  this ViewPager can be swiping with finger  false on the contrary   I use this in my project  and it works great until now

User · Answer

Another easy solution to disable swiping at specific page  in this example  page 2    int PAGE   2  viewPager setOnTouchListener new View OnTouchListener              Override         public boolean onTouch View v  MotionEvent event            if  viewPager getCurrentItem      PAGE                    viewPager setCurrentItem PAGE-1  false                   viewPager setCurrentItem PAGE  false                   return  true                    return false

User · Answer

Try overriding and returning true from either onInterceptTouchEvent   and or onTouchEvent    which will consume touch events on the pager

User · Answer

I just customized the viewpager a little and disable swiping easily   public class CustomViewPager extends ViewPager    private boolean swipeLocked   public CustomViewPager Context context        super context      public CustomViewPager Context context  AttributeSet attrs        super context  attrs      public boolean getSwipeLocked         return swipeLocked     public void setSwipeLocked boolean swipeLocked        this swipeLocked   swipeLocked      Override public boolean onTouchEvent MotionEvent event        return  swipeLocked  amp  amp  super onTouchEvent event       Override public boolean onInterceptTouchEvent MotionEvent event        return  swipeLocked  amp  amp  super onInterceptTouchEvent event       Override public boolean canScrollHorizontally int direction        return  swipeLocked  amp  amp  super canScrollHorizontally direction

User · Answer

If you want to implement the same for Android in Xamarin  here is a translation to C   I chose to name the attribute  ScrollEnabled   Because iOS just uses the excat same naming  So  you have equal naming across both platforms  makes it easier for developers   using System  using System Collections Generic  using System Linq  using System Text   using Android App  using Android Content  using Android OS  using Android Runtime  using Android Views  using Android Widget  using Android Support V4 View  using Android Util   namespace YourNameSpace ViewPackage           Need to disable swiping for ViewPager  if user performs Pre DSA and the dsa is not completed yet        http   stackoverflow com questions 9650265 how-do-disable-paging-by-swiping-with-finger-in-viewpager-but-still-be-able-to-s     public class CustomViewPager  ViewPager           public bool ScrollEnabled           public CustomViewPager Context context  IAttributeSet attrs    base context  attrs                this ScrollEnabled   true                     public override bool OnTouchEvent MotionEvent e                if  this ScrollEnabled                    return base OnTouchEvent e                             return false                     public override bool OnInterceptTouchEvent MotionEvent e                if  this ScrollEnabled                    return base OnInterceptTouchEvent e                             return false                        For ViewPager inside another ViewPager         public override bool CanScrollHorizontally int direction                return this ScrollEnabled  amp  amp  base CanScrollHorizontally direction                         Some devices like the Galaxy Tab 4 10  show swipe buttons where most devices never show them            So  you could still swipe through the ViewPager with your keyboard keys         public override bool ExecuteKeyEvent KeyEvent evt                return this ScrollEnabled   base ExecuteKeyEvent evt    false                      In  axml file    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt     lt YourNameSpace ViewPackage CustomViewPager       android id    id pager        android layout width  match parent        android layout height  wrap content        android background   android color white        android layout alignParentTop  true    gt   lt  LinearLayout gt

User · Answer

This worked for me  viewPager setOnTouchListener new View OnTouchListener                                               Override                                          public boolean onTouch View v  MotionEvent event                                                 if  viewPager getCurrentItem      0                                                     viewPager setCurrentItem -1  false                                                    return true                                                                                              else if  viewPager getCurrentItem      1                                                     viewPager setCurrentItem 1  false                                                    return true                                                                                              else if  viewPager getCurrentItem      2                                                     viewPager setCurrentItem 2  false                                                    return true                                                                                              return true

User · Answer

If you are extending from ViewPager  you must also override executeKeyEvent as indicated previously by  araks    Override public boolean executeKeyEvent KeyEvent event        return isPagingEnabled   super executeKeyEvent event    false      Because some devices like the Galaxy Tab 4 10  show these buttons where most devices never show them

[android] How do disable paging by swiping with finger in ViewPager but still be able to swipe programmatically?

Examples related to android

Examples related to android-viewpager