I have a UIView in which I draw with a finger, it all goes fine and dandy, but I need this view to be scrollable. So I made a UIScrollView, and embedded my drawing view in it.
But here comes the problem, I can't draw anymore since every tap goes to UIScrollView and it intercepts them for scrolling purposes.
What I want to do, is to make UIScrollView only intercept two finger swipes and with single touches and swipes just draw regularly.
How do I do that?
I draw by using simpe touchesBegan, touchesMoved methods by using BezierPath, without gesture recognizers.
Check out answer https://stackoverflow.com/a/3173290/1492816 in Scrolling with two fingers with a UIScrollView
People report it as working for the kind of situation you are in.
I have tried this, as suggested in that answer, but to no avail. It says that method recognizePan: is not found. I changed it to nil, and scrolling works with two fingers only as intended, by drawing functionality is missing.
I feel like the touches are not getting to my view. What can be done?
UIPanGestureRecognizer *panGestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self.scrollView action:#selector(recognizePan:)];
panGestureRecognizer.maximumNumberOfTouches = 1;
[scrollView addGestureRecognizer:panGestureRecognizer];
Related
I am developing an iOS drawing application where the main feature is that a user can load an image as background and then he can start finger drawing on top of it, zooming and panning the image with the draws on top of the image itself.
The schema of the application is the following one.
MainUiView->UIScrollView->UIImageView
Fingers drawing and tracking is managed on the touchesBegan, touchesMoved, touchesEnded override of the UIResponder.
The Zoom and Panning of the UIImageView is managed by the UIScrollViewDelegate implementation.
I have a button that switches the app mode from Drawing to Zooming and Panning mode in the following way:
if you want to draw:
[scrollView setUserInteractionEnabled:NO];
[imageView setUserInteractionEnabled:YES];
so the touches are managed in the touchesBegan, touchesMoved, touchesEnded methods.
if you want to Pan and Zoom with two fingers using the Pinch to Zoom gesture
[scrollView setUserInteractionEnabled:YES];
[imageView setUserInteractionEnabled:NO];
so the two fingers gesture is managed by the UIScrollViewDelegate
Now I am trying to evolve the app removing the button to switch from draw to zoom and pan mode.
My idea was to track the two fingers presence in the touchesBegan and then to disable the user interaction in the UIImageView to enable the user interaction in the scrollview, but the problem is that after doing this the touches are still managed in the touchesMoved method, nothing comes to the scrollViewDelegate until I lift my fingers from screen, after that, if I punt fingers again on the screen everything is managed by the scrollViewDelegate.
So to sum up: is it possible to stop the touches cycle after touchesBegan and propagate it to the ScrollViewDelegate?
If this is not possible, how can I achieve the zoom, panning and drawing feature on a UImageView? Should I remove the scrollview and try to zoom and pan the UImageView through the UIResponder methods ?
Thanks for help
Try changing your implementation to use gesture recognisers instead of touch handling using the UIResponder methods.
Main benefits of this approach are :
You can use UIPanGestureRecognizer for drawing, or even create a
custom recogniser
You can have dependency relationships between recognisers, using
requireGestureRecognizerToFail, even across views
You can loop through all recognisers on a view and disable only specific set of gestures without disabling touches on the entire view
Gesture recognisers have the same touch related methods, which you can use to move your touch handling code from current implementation over to the gestures
So, your image view will have either pan or your custom gesture recogniser, with single touch, for drawing, and you can loop through scrollview's recognisers, and mark them not trigger if 'draw' gesture is triggered, using requireGestureRecognizerToFail.
With this, you do not need to enable/disable user interaction on any of the views, although you will have to do a it of trial-and-error to get all gestures to work with each other correctly.
Happy coding :)
I'm stuck with a problem with pinch gesture. So I have a pinch gesture on an UIImageView which is itself in a collectionView, and when the user starts zooming, I add new, separates ViewController to control the zoom and pan gestures on the image, so I add my UIImageView to the new ViewController's view. The problem is, when I change my UIImageView hierarchy, the pinch gesture attached to it stops working, so the user has to take off his fingers and start pinch again in order to zoom the image. So basically, I am searching solutions to one off these:
1. Make pinch gesture work right when changing gesture.view hierarchy
OR
2. Make pinch gesture work right when changing gesture.view. So another way is to add a new view to the new ViewController and attach gesture to that view. But it still resets the gesture touches and you need to start it again.
If anyone has any suggestions, please help. Thanks a lot.
Ok, I found the answer. You just need to set userinteraction of vc's view to NO. Works like a charm.
- The functionality which is required by client is already implemented using UISwipeGestureRecognizer but I am not able to give animation which is needed.
- I want the animation of dragging image as its in paging effect of UIScrollview.
Let me explain in detail:
- In UIScrollView with paging enabled, when we drag image, it will be dragged behind our finger not just slight swipe.
- In my case its moving away as soon as the finger moves over the image, so I want the animation of image to be sliding as far as my fingers moves and on leaving it should move away.
-Friends, I don't want curl effect but I only want swipping functionality as far as my finger moves.
I think you can take a look at this repository and you can find what you need if you edit this repository code and use PanGestureRecognizer instead of SwipeGestureRecognizer in this repository.
https://github.com/agrawalmahesh/MKImageSlideshow
You need to disable paging property of the UIScrollView.
I have been trying to create a scrollable view using UIScrollView. I want this view to be a scratchpad where I can do rough work with touch gestures.
But, doing a drag gesture makes the UIScrollView move the page.
This is why I want to disable scrolling on gesture and enable scrolling only when I drag the scroll bars on the screen.
I have tried Googling, but haven't found any result so far.
It would be great if you could guide me to a solution or help me with some pointers.
Not sure you can or that it would be usable.
How about enabling scrolling only with 2 fingers? By setting the scroll view pan gesture minimumNumberOfTouches To 2.
Otherwise, think about acting as the delegate of the scroll view pan gesture, specifically for gestureRecognizer:shouldReceiveTouch: so that you can examine the touch position and only allow the gesture to start of significantly close to the edge of the view.
I world recommend using this library: https://github.com/BasheerSience/BRScrollBar
1- Use instance method to add the scrollBar
2- in your UIViewController add these lines of code
// First intit by using the instance method
_brScrollBarController = [BRScrollBarController initForScrollView:self.scrollView
inPosition:kIntBRScrollBarPositionRight
delegate:self];
// show the scrollBar always, do not hide
_brScrollBarController.scrollBar.hideScrollBar = NO;
// disable scrolling for your scrollView
self.scrollView.scrollEnabled = NO;
3- now your scrollView will not respond to gestures, and you will use BRScrollView to scroll by dragging the bar
let me know if you have any questions
I'll try and keep it simple.
I have a UIScrollview with around 10 images attached. I currently have it so that i can touch an image and drag it around on the scroll view.
I did this by creating the subclass UIImageview and implementing the touchesMoved etc. I can still scroll the view fine, but the problem comes when trying to drag an image too fast. It seems the program first checks if the view is being scrolled and then fires touchesMoved in the UIImage class.
Is there anyway I can switch this around so that the first check is if an image is touched, then if not pass the response onto the scrollview.
Any help would be great. Thanks.
The simplest way to do this would be use one finger to move an image, and two fingers to scroll the view.
If you're on iOS 5, this is super easy:
self.scrollView.panGestureRecognizer.minimumNumberOfTouches = 2;
If you want to support older versions of iOS, you have to do a little more work:
for (UIGestureRecognizer *gesture in self.scrollView.gestureRecognizers){
if ([gesture isKindOfClass:[UIPanGestureRecognizer class]]){
((UIPanGestureRecognizer *)gesture).minimumNumberOfTouches = 2;
}
}
If you want to use one-finger gestures for both, there are a few ways to do it. You could attach a UIPanGestureRecognizer to each image view. You might need to tell the scroll view's own UIPanGestureRecognizer to defer to the image view recognizers, using the requireGestureRecognizerToFail: message.
Another way would be to set the scroll view's UIPanGestureRecognizer's delegate to an object you create that implements the gestureRecognizer:shouldReceiveTouch: method. In that method, you can check whether the touch's view is one of your image views. If so, return NO to prevent the scroll view's pan gesture recognizer from activating.
Your question is a little confusing to me but I will assume that you have a UIScrollView with 10 UIImageViews inside it which you want to drag around.
My suggestion would be to use a gesture recognizer (UIPanGestureRecognizer) attached to every UIIImageView in order to implement the dragging behaviour. I find gesture recognizers to be a more solid approach on this kind of behavior.
If you don't know how to work with gesture recognizers, I can post a short code example to demonstrate how you can drag any type of UIView. Just ask in a comment and I will write it.