How to disable touch input to all views except the top-most view?

Question

I have a view with multiple subviews. When a user taps a subview, the subview expands in size to cover most of the screen, but some of the other subviews are still visible underneath.

I want my app to ignore touches on the other subviews when one of the subviews is "expanded" like this. Is there a simple way to achieve this? I can write code to handle this, but I was hoping there's a simpler built-in way.

Krishnabhadra · Accepted Answer · 2016-03-10T11:46:26.573

55

Hope this help...

[[yourSuperView subviews]
   makeObjectsPerformSelector:@selector(setUserInteractionEnabled:)
   withObject:[NSNumber numberWithBool:FALSE]];

which will disable userInteraction of a view's immediate subviews..Then give userInteraction to the only view you wanted

yourTouchableView.setUserInteraction = TRUE;

EDIT:

It seems in iOS disabling userInteraction on a parent view doesn't disable userInteraction on its childs.. So the code above (I mean the one with makeObjectsPerformSelector:)will only work to disable userInteraction of a parent's immediate subviews..

See user madewulf's answer which recursively get all subviews and disable user interaction of all of them. Or if you need to disable userInteraction of this view in many places in the project, You can categorize UIView to add that feature.. Something like this will do..

@interface UIView (UserInteractionFeatures)
-(void)setRecursiveUserInteraction:(BOOL)value;
@end

@implementation UIView(UserInteractionFeatures)
-(void)setRecursiveUserInteraction:(BOOL)value{
    self.userInteractionEnabled =   value;
    for (UIView *view in [self subviews]) {
        [view setRecursiveUserInteraction:value];
    }
}
@end

Now you can call

[yourSuperView setRecursiveUserInteraction:NO];

Also user @lxt's suggestion of adding an invisible view on top of all view's is one other way of doing it..

edited Mar 10 '16 at 11:46

answered Mar 23 '11 at 12:04

Krishnabhadra

33,632
30
110
164

I must be doing something wrong. I put this line in my view controller: `[[self.view subviews] makeObjectsPerformSelector:@selector(setUserInteractionEnabled:FALSE)];` and I'm getting the compile error "Expected ')' before numeric constant". – MusiGenesis Mar 23 '11 at 12:19
Well, it compiles and runs, but it appears to have no effect - I can still click on any subview. I'm actually getting the `touchesBegan` event in each view's viewcontroller - is that possibly why this isn't working? – MusiGenesis Mar 23 '11 at 12:40
It is definitely executing, and it is definitely not disabling user interaction on any of my subviews. – MusiGenesis Mar 23 '11 at 12:46
I put the line in my master view's viewDidLoad method, right after adding all the subviews. I am not enabling userInteraction in code anywhere else. – MusiGenesis Mar 23 '11 at 12:49
As I mentioned, each view also has an associated viewcontroller, and in the viewcontroller code I'm responding to the `touchesBegan` method. Is it possible that your code disables interaction with the view but does not disable interaction with the viewcontroller? – MusiGenesis Mar 23 '11 at 12:50
Weirdly enough, this works fine: `for (UIView *v in self.view.subviews) { [v setUserInteractionEnabled:NO]; }` – MusiGenesis Mar 23 '11 at 12:55
I just put the above given line in the viewDidLoad of my viewController and I cant touch a thing... – Krishnabhadra Mar 23 '11 at 12:56
That works...that is really weired..I am doing the same thing...Glad something is working for you.. – Krishnabhadra Mar 23 '11 at 12:57
1

I donno if it works or not, But its a very nice piece of coding you have there... accomplishing all that in one line, is really nice... :) – Alex Zak Apr 05 '12 at 12:57
Yes @Suicidal makeObjectsPerformSelector is one of the most powerful feature in iOS sdk.. – Krishnabhadra Apr 06 '12 at 15:43
Problem is that this won't work for the views that are two level deep or more because [view subviews] gives only the receiver’s immediate subviews. – madewulf Jul 18 '12 at 17:21
Yes @madewulf but when a parent view's userinteraction is disabled, it's childs user interaction should be disabled too.. right? – Krishnabhadra Jul 19 '12 at 03:05
1

It's not the case, I tested it and it probably explains why some of the people above are reporting that this solution did not work for them . – madewulf Jul 19 '12 at 11:50
Hmmm.. That is strange... I think that is a bug.. What is the point of having userInteraction on a view if its parents user interaction is disabled? Anyway I will edit my answer.. – Krishnabhadra Jul 20 '12 at 02:30
This solution works for iOS9.2 simulator. It does not work on iPhone 5 running iOS 8.2. suView.userInteractionEnabled = false; works in both the cases. – Jitendra Kulkarni Jan 22 '16 at 06:34

score 47 · Answer 2 · answered Mar 23 '11 at 12:01

47

There are a couple of ways of doing this. You could iterate through all your other subviews and set userInteractionEnabled = NO, but this is less than ideal if you have lots of other views (you would, after all, have to subsequently renable them all).

The way I do this is to create an invisible UIView that's the size of the entire screen that 'blocks' all the touches from going to the other views. Sometimes this is literally invisible, other times I may set it to black with an alpha value of 0.3 or so.

When you expand your main subview to fill the screen you can add this 'blocking' UIView behind it (using insertSubview: belowSubview:). When you minimize your expanded subview you can remove the invisible UIView from your hierarchy.

So not quite built-in, but I think the simplest approach. Not sure if that was what you were thinking of already, hopefully it was of some help.

answered Mar 23 '11 at 12:01

lxt

30,690
5
76
83

2

How would you accomplish this though? – p0lAris Jan 10 '15 at 18:06
And you would "block" by adding a gesture recognizer right? – rounak Apr 05 '15 at 14:21
No problem, glad I could help! – lxt May 12 '15 at 17:00
How do you actually "block" touches? That's the part I don't get. – Almo Jul 11 '15 at 13:22
1

You can block touches by adding a custom invisible button instead of simple UIView. Check my answer bellow for details – JPetric Dec 09 '15 at 12:55
+ 1 Disabling userInteraction worked for me both on iOS 8.2 iPhone 5 and iOS9.2 iPhone 6 simulator. The previous solution did not work for iPhone5 8.2. – Jitendra Kulkarni Jan 22 '16 at 06:35

madewulf · Answer 3 · 2012-07-18T17:35:31.427

Beware of the code given as solution here by Krishnabhadra:

[[yourSuperView subviews]makeObjectsPerformSelector:@selector(setUserInteractionEnabled:) withObject:[NSNumber numberWithBool:FALSE]];

This will not work in all cases because [yourSuperView subviews] only gives the direct subviews of the superview. To make it work, you will have to iterate recursively on all subviews:

-(void) disableRecursivelyAllSubviews:(UIView *) theView
{
    theView.userInteractionEnabled = NO;
    for(UIView* subview in [theView subviews])
    {
        [self disableRecursivelyAllSubviews:subview];
    }
}

-(void) disableAllSubviewsOf:(UIView *) theView
{
    for(UIView* subview in [theView subviews])
    {
        [self disableRecursivelyAllSubviews:subview];
    }
}

Now a call to disableAllSubviewsOf will do what you wanted to do.

If you have a deep stack of views, the solution by lxt is probably better.

score 5 · Answer 4 · answered Dec 08 '15 at 19:33

I would do this by putting a custom transparent button with the same frame as the superView. And then on top of that button I would put view that should accept user touches. Button will swallow all touches and views behind it wouldn't receive any touch events, but view on top of the button will receive touches normally.

Something like this:

- (void)disableTouchesOnView:(UIView *)view {
    UIButton *ghostButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, view.frame.size.width, view.frame.size.height)];
    [ghostButton setBackgroundColor:[UIColor clearColor]];
    ghostButton.tag = 42; // Any random number. Use #define to avoid putting numbers in code.

    [view addSubview:ghostButton];
}

And a method for enabling the parentView.

- (void)enableTouchesOnView:(UIView *)view {
    [[view viewWithTag:42] removeFromSuperview];
}

So, to disable all views in the parentViev behind yourView, I would do this:

YourView *yourView = [[YourView alloc] initWithCustomInitializer];
// It is important to disable touches on the parent view before adding the top most view.
[self disableTouchesOnView:parentView];
[parentView addSubview:yourView];

Thanks, nice and easy way to do it. I also added an alpha = 0.25 to make a nice transparent ghost view. ghostButton.alpha = 0.25; — Ing. Ron, Dec 13 '15 at 16:26

score 5 · Answer 5 · answered Mar 17 '16 at 17:36

Just parentView.UserInteractionEnabled = NO will do the work. Parent view will disable user interaction on all the view's subviews. But enable it does not enable all subviews(by default UIImageView is not interactable). So an easy way is find the parent view and use the code above, and there is no need to iterate all subviews to perform a selector.

score 2 · Answer 6 · answered Aug 31 '14 at 13:58

I will give my 2 cents to this problem. Iteratively run userInteractionEnabled = false it's one way. Another way will be add a UIView like following.

EZEventEater.h

#import <UIKit/UIKit.h>
@interface EZEventEater : UIView
@end

EZEventEater.m

#import "EZEventEater.h"
@implementation EZEventEater

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
        self.backgroundColor = [UIColor clearColor];
        self.userInteractionEnabled = false;
    }
    return self;
}


- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
   //EZDEBUG(@"eater touched");
}

- (void) touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{

}

- (void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{

}

In your code you add the EZEventEater view to cover all the views that your may block the touch event. Whenever you want to block the touch event to those views, simply call

eater.userInteractionEnabled = YES;

Hope this helpful.

Typo in here: self.userInteractionEnabled = true; because if set to false, this view does not accept user interaction; thus passing user interactions to original uiviews. — Xiangyu, Mar 09 '15 at 04:49

score 2 · Answer 7 · edited Aug 17 '17 at 16:54

2

Add a TapGestureRecognizer to your "background view" (the translucent one which "grays out" your normal interface) and set it to "Cancels Touches In View", without adding an action.

let captureTaps = UITapGestureRecognizer()
captureTaps.cancelsTouchesInView = true
dimmedOverlay?.addGestureRecognizer(captureTaps)

edited Aug 17 '17 at 16:54

Johan

2,262
1
20
24

answered Sep 18 '15 at 09:13

Robert Atkins

20,676
14
60
92

much better solution that traversing all views to cancel their user interaction – Lena Bru Aug 31 '20 at 08:15

Chris Prince · Answer 8 · 2013-02-25T16:18:30.347

For my app, I think it will be sufficient to disable navigation to other tabs of the app (for a limited duration, while I'm doing some processing):

self.tabBarController.view.userInteractionEnabled = NO;

Also, I disabled the current view controller--

self.view.userInteractionEnabled = NO;

(And, by the way, the recursive solutions proposed here had odd effects in my app. The disable seems to work fine, but the re-enable has odd effects-- some of the UI was not renabled).

score 0 · Answer 9 · edited Oct 01 '12 at 06:25

0

setUserInteractionEnabled = NO on the view you want to disable

edited Oct 01 '12 at 06:25

taskinoor

43,612
11
111
136

answered Mar 23 '11 at 12:01

Kirby Todd

10,853
3
29
57

5

This will disable interaction in the subview he is trying to catch touches for. – phatmann Oct 30 '13 at 20:42

score -1 · Answer 10 · answered Mar 02 '17 at 11:18

-1

I had the same problem, but the above solutions did not help. I then noticed that calling super.touchesBegan(...) was the problem. After removing this the event was only handled by the top-most view.

I hope this is of help to anybody.

answered Mar 02 '17 at 11:18

Werner Kratochwil

372
3
13

score -1 · Answer 11 · answered Sep 11 '20 at 05:58

-1

In Swift 5, I achieved this behaviour by placing a view right on top(the highlighted one) and setting:

myView.isUserInteractionEnabled = true

This does not let the touches go through it, thus ignoring the taps.

answered Sep 11 '20 at 05:58

Bogdan Razvan

894
9
13

it doesn't work – Vyachaslav Gerchicov Jan 26 '21 at 07:33

How to disable touch input to all views except the top-most view?

11 Answers11

EDIT:

Linked