Alex Curelea’s Dev Log

UIScrollView and UIDatePicker (or UIPickerView)

Categories: iPhone

1. 

   By Daniel on March 5th 2010

   Hi, thanks for your solution, seems so promising, yet, it didn’t actually solve my problem.

   I have a UIDatePicker inside a UIScrollView, and whether I set the canCancelContentTouches to YES or NO, I still can’t use the date picker, it always starts the scrollview’s scrolling action.

   The only way I can change date is by tapping…

   Are you sure you didn’t add any other lines to make your date picker work in the scrollview?
2. 

   By Josh on March 23rd 2010

   I’m having the same problem Daniel’s having - I’m still unable to use my picker whether I set canCancelContentTouches to YES or NO, and the only way I can change the value is by tapping.

   Was there more to your solution?
3. 

   By Phil Pearce on May 7th 2010

   Has anyone got this working?
4. 

   By Aaron on May 13th 2010

   I got mine to work by adding only the line of code he mentioned. Seems silly to mention this but: in order to get the picker control to move you must keep you finger on the picker control “a little longer” so the picker control gets the action and not the scrollview. From what I’ve read the scrollview works with a timer and if there is no swipe/flick by the time the timer fires the action is then passed to the underlying control.

   Hope this helps.
5. 

   By Ian on June 17th 2010

   You also have to set: @property(nonatomic) BOOL delaysContentTouches to no
6. 

   By Kyle on August 13th 2010

   Thanks Ian, that worked great.
7. 

   By Philip on September 20th 2010

   Thanks, solved my problem.
8. 

   By Toubey on January 3rd 2011

   In my case - using the above code simply disabled the scrolling of the scrollView - unfortunately I do need to be able to scroll, except when using the picker. Any ideas?
9. 

   By Alan on January 3rd 2011

   I created a UIScrollView subclass and overrode the following methods

   @interface PickerAwareUIScrollView : UIScrollView {
   }
   - (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view;
   - (BOOL)touchesShouldCancelInContentView:(UIView *)view;

   - (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view {
   if ([view isKindOfClass:[UIPickerView class]] || [@"UIPickerTable" isEqualToString:[[view class] description]] ) {
   //|| [view isKindOfClass:[UIPicker class]]
   return YES;
   }
   return [super touchesShouldBegin:touches withEvent:event inContentView:view];
   }

   - (BOOL)touchesShouldCancelInContentView:(UIView *)view {
   if ([view isKindOfClass:[UIPickerView class]] || [@"UIPickerTable" isEqualToString:[[view class] description]] ) {
   return NO;
   }
   return [super touchesShouldCancelInContentView:view];
   }
10. 

    By Peter Kotian on March 15th 2011

    You have to set both:

    [myView setDelaysContentTouches:NO];
    [myView setCanCancelContentTouches:NO];
11. 

    By Malaar on August 5th 2011

    Great. This was helpfull.
12. 

    By Ali amin on November 20th 2011

    thank you Alan. your solution works

    I only added

    -(BOOL)delaysContentTouches(Uiview *)view {
    if ([view isKindOfClass:[UIPickerView class]] || [@"UIPickerTable" isEqualToString:[[view class] description]] ) {
    return NO;
    }
    return [super touchesShouldCancelInContentView:view];
    }

    and modefied touchesShouldBegin to be like this

    - (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view {
    if ([view isKindOfClass:[UIPickerView class]] || [@"UIPickerTable" isEqualToString:[[view class] description]] ) {
    //|| [view isKindOfClass:[UIPicker class]]
    return YES;
    }
    return [super touchesShouldBegin:touches withEvent:event inContentView:self]; // self instead of view
    }