Comment puis-je cliquer sur un bouton derrière un UIView transparent?

Disons que nous avons un contrôleur de vue avec une sous-vue. la sous-vue occupe le centre de l'écran avec des marges de 100 px sur tous les côtés. Nous ajoutons ensuite un tas de petits trucs sur lesquels cliquer dans cette sous-vue. Nous n'utilisons la sous-vue que pour tirer parti du nouveau cadre (x = 0, y = 0 à l'intérieur de la sous-vue est en fait 100,100 dans la vue parente).

Ensuite, imaginez que nous avons quelque chose derrière la sous-vue, comme un menu. Je veux que l'utilisateur puisse sélectionner l'un des "petits trucs" dans la sous-vue, mais s'il n'y a rien là-bas, je veux que les touches le traversent (puisque l'arrière-plan est clair de toute façon) aux boutons derrière.

Comment puis-je faire ceci? On dirait que les touchesBegan passent, mais les boutons ne fonctionnent pas.

Créez une vue personnalisée pour votre conteneur et remplacez le message pointInside: pour renvoyer false lorsque le point n'est pas dans une vue enfant éligible, comme ceci:

Rapide:

class PassThroughView: UIView {
    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        for subview in subviews {
            if !subview.isHidden && subview.isUserInteractionEnabled && subview.point(inside: convert(point, to: subview), with: event) {
                return true
            }
        }
        return false
    }
}

Objectif c:

@interface PassthroughView : UIView
@end

@implementation PassthroughView
-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
    for (UIView *view in self.subviews) {
        if (!view.hidden && view.userInteractionEnabled && [view pointInside:[self convertPoint:point toView:view] withEvent:event])
            return YES;
    }
    return NO;
}
@end

L'utilisation de cette vue comme conteneur permettra à l'un de ses enfants de recevoir des touches, mais la vue elle-même sera transparente aux événements.

J'utilise aussi

myView.userInteractionEnabled = NO;

Pas besoin de sous-classe. Fonctionne très bien.

De Apple:

Le transfert d'événement est une technique utilisée par certaines applications. Vous transférez les événements tactiles en appelant les méthodes de gestion des événements d'un autre objet répondeur. Bien que cela puisse être une technique efficace, vous devez l'utiliser avec prudence. Les classes du framework UIKit ne sont pas conçues pour recevoir des touches qui ne sont pas liées à elles .... Si vous souhaitez transférer conditionnellement des touches à d'autres répondeurs dans votre application, tous ces répondeurs doivent être des instances de vos propres sous-classes d'UIView.

Meilleures pratiques pour les pommes :

N'envoyez pas explicitement d'événements dans la chaîne de répondeurs (via nextResponder); à la place, appelez l'implémentation de la superclasse et laissez l'UIKit gérer le parcours de la chaîne de répondeurs.

à la place, vous pouvez remplacer:

-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event

dans votre sous-classe UIView et renvoyez NON si vous voulez que ce contact soit envoyé dans la chaîne de répondeurs (c'est-à-dire aux vues derrière votre vue sans rien dedans).

Un moyen beaucoup plus simple consiste à "Décocher" l'interaction utilisateur activée dans le générateur d'interface. "Si vous utilisez un storyboard"

Sur la base de ce que John a publié, voici un exemple qui permettra aux événements tactiles de passer à travers toutes les sous-vues d'une vue, à l'exception des boutons:

-(BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    // Allow buttons to receive press events.  All other views will get ignored
    for( id foundView in self.subviews )
    {
        if( [foundView isKindOfClass:[UIButton class]] )
        {
            UIButton *foundButton = foundView;

            if( foundButton.isEnabled  &&  !foundButton.hidden &&  [foundButton pointInside:[self convertPoint:point toView:foundButton] withEvent:event] )
                return YES;
        }        
    }
    return NO;
}

Dernièrement, j'ai écrit un cours qui m'aidera avec cela. L'utiliser comme classe personnalisée pour un UIButtonou UIViewpassera les événements tactiles qui ont été exécutés sur un pixel transparent.

Cette solution est un peu meilleure que la réponse acceptée car vous pouvez toujours cliquer sur un UIButtonqui se trouve sous un semi-transparent UIViewtandis que la partie non transparente du UIViewrépondra toujours aux événements tactiles.

Comme vous pouvez le voir dans le GIF, le bouton Girafe est un simple rectangle mais les événements tactiles sur les zones transparentes sont transmis au jaune en UIButtondessous.

Lien vers la classe

La solution la plus votée ne fonctionnait pas pleinement pour moi, je suppose que c'était parce que j'avais un TabBarController dans la hiérarchie (comme le souligne l'un des commentaires), elle transmettait en fait des touches à certaines parties de l'interface utilisateur, mais cela dérangeait mon La capacité de tableView à intercepter les événements tactiles, ce qui a finalement été de remplacer hitTest dans la vue Je veux ignorer les touches et laisser les sous-vues de cette vue les gérer

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    UIView *view = [super hitTest:point withEvent:event];
    if (view == self) {
        return nil; //avoid delivering touch events to the container view (self)
    }
    else{
        return view; //the subviews will still receive touch events
    }
}

Swift 3

override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
    for subview in subviews {
        if subview.frame.contains(point) {
            return true
        }
    }
    return false
}

Selon le 'Guide de programmation des applications iPhone':

Désactivation de la diffusion des événements tactiles. Par défaut, une vue reçoit des événements tactiles, mais vous pouvez définir sa propriété userInteractionEnabled sur NO pour désactiver la livraison des événements. Une vue ne reçoit pas non plus d'événements si elle est masquée ou si elle est transparente .

http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/EventHandling/EventHandling.html

Mise à jour : exemple supprimé - relire la question ...

Avez-vous un traitement des gestes sur les vues qui peuvent traiter les tapotements avant que le bouton ne l'obtienne? Le bouton fonctionne-t-il lorsque vous n'avez pas de vue transparente dessus?

Des échantillons de code de code non fonctionnel?

Autant que je sache, vous êtes censé pouvoir le faire en remplaçant la méthode hitTest:. Je l'ai essayé mais je n'ai pas pu le faire fonctionner correctement.

À la fin, j'ai créé une série de vues transparentes autour de l'objet palpable pour qu'elles ne le recouvrent pas. Un peu de hack pour mon problème, cela a bien fonctionné.

En prenant les conseils des autres réponses et en lisant la documentation d'Apple, j'ai créé cette bibliothèque simple pour résoudre votre problème:
https://github.com/natrosoft/NATouchThroughView
Cela permet de dessiner facilement des vues dans Interface Builder qui devraient passer par une vue sous-jacente.

Je pense que le swizzling de méthode est excessif et très dangereux à faire dans le code de production, car vous dérangez directement l'implémentation de base d'Apple et apportez un changement à l'échelle de l'application qui pourrait avoir des conséquences inattendues.

Il y a un projet de démonstration et j'espère que le README fait un bon travail en expliquant ce qu'il faut faire. Pour adresser l'OP, vous devez modifier l'UIView clair qui contient les boutons en classe NATouchThroughView dans Interface Builder. Recherchez ensuite la vue UIView claire qui recouvre le menu que vous souhaitez activer. Remplacez cet UIView par la classe NARootTouchThroughView dans Interface Builder. Il peut même s'agir de l'UIView racine de votre contrôleur de vue si vous souhaitez que ces touches passent au contrôleur de vue sous-jacent. Consultez le projet de démonstration pour voir comment cela fonctionne. C'est vraiment assez simple, sûr et non invasif

J'ai créé une catégorie pour ce faire.

une petite méthode swizzling et la vue est d'or.

L'en-tête

//UIView+PassthroughParent.h
@interface UIView (PassthroughParent)

- (BOOL) passthroughParent;
- (void) setPassthroughParent:(BOOL) passthroughParent;

@end

Le dossier d'implémentation

#import "UIView+PassthroughParent.h"

@implementation UIView (PassthroughParent)

+ (void)load{
    Swizz([UIView class], @selector(pointInside:withEvent:), @selector(passthroughPointInside:withEvent:));
}

- (BOOL)passthroughParent{
    NSNumber *passthrough = [self propertyValueForKey:@"passthroughParent"];
    if (passthrough) return passthrough.boolValue;
    return NO;
}
- (void)setPassthroughParent:(BOOL)passthroughParent{
    [self setPropertyValue:[NSNumber numberWithBool:passthroughParent] forKey:@"passthroughParent"];
}

- (BOOL)passthroughPointInside:(CGPoint)point withEvent:(UIEvent *)event{
    // Allow buttons to receive press events.  All other views will get ignored
    if (self.passthroughParent){
        if (self.alpha != 0 && !self.isHidden){
            for( id foundView in self.subviews )
            {
                if ([foundView alpha] != 0 && ![foundView isHidden] && [foundView pointInside:[self convertPoint:point toView:foundView] withEvent:event])
                    return YES;
            }
        }
        return NO;
    }
    else {
        return [self passthroughPointInside:point withEvent:event];// Swizzled
    }
}

@end

Vous devrez ajouter mon Swizz.h et Swizz.m

situé ici

Après cela, il vous suffit d'importer le UIView + PassthroughParent.h dans votre fichier {Project} -Prefix.pch, et chaque vue aura cette capacité.

chaque vue prendra des points, mais aucun des espaces vides ne le fera.

Je recommande également d'utiliser un arrière-plan clair.

myView.passthroughParent = YES;
myView.backgroundColor = [UIColor clearColor];

ÉDITER

J'ai créé mon propre sac de propriété, et cela n'était pas inclus auparavant.

En tête de fichier

// NSObject+PropertyBag.h

#import <Foundation/Foundation.h>

@interface NSObject (PropertyBag)

- (id) propertyValueForKey:(NSString*) key;
- (void) setPropertyValue:(id) value forKey:(NSString*) key;

@end

Fichier d'implémentation

// NSObject+PropertyBag.m

#import "NSObject+PropertyBag.h"



@implementation NSObject (PropertyBag)

+ (void) load{
    [self loadPropertyBag];
}

+ (void) loadPropertyBag{
    @autoreleasepool {
        static dispatch_once_t onceToken;
        dispatch_once(&onceToken, ^{
            Swizz([NSObject class], NSSelectorFromString(@"dealloc"), @selector(propertyBagDealloc));
        });
    }
}

__strong NSMutableDictionary *_propertyBagHolder; // Properties for every class will go in this property bag
- (id) propertyValueForKey:(NSString*) key{
    return [[self propertyBag] valueForKey:key];
}
- (void) setPropertyValue:(id) value forKey:(NSString*) key{
    [[self propertyBag] setValue:value forKey:key];
}
- (NSMutableDictionary*) propertyBag{
    if (_propertyBagHolder == nil) _propertyBagHolder = [[NSMutableDictionary alloc] initWithCapacity:100];
    NSMutableDictionary *propBag = [_propertyBagHolder valueForKey:[[NSString alloc] initWithFormat:@"%p",self]];
    if (propBag == nil){
        propBag = [NSMutableDictionary dictionary];
        [self setPropertyBag:propBag];
    }
    return propBag;
}
- (void) setPropertyBag:(NSDictionary*) propertyBag{
    if (_propertyBagHolder == nil) _propertyBagHolder = [[NSMutableDictionary alloc] initWithCapacity:100];
    [_propertyBagHolder setValue:propertyBag forKey:[[NSString alloc] initWithFormat:@"%p",self]];
}

- (void)propertyBagDealloc{
    [self setPropertyBag:nil];
    [self propertyBagDealloc];//Swizzled
}

@end

Si vous ne pouvez pas prendre la peine d'utiliser une catégorie ou une sous-classe UIView, vous pouvez également simplement faire avancer le bouton pour qu'il soit devant la vue transparente. Cela ne sera pas toujours possible en fonction de votre application, mais cela a fonctionné pour moi. Vous pouvez toujours ramener le bouton ou le masquer.

Essaye ça

class PassthroughToWindowView: UIView {
        override func test(_ point: CGPoint, with event: UIEvent?) -> UIView? {
            var view = super.hitTest(point, with: event)
            if view != self {
                return view
            }

            while !(view is PassthroughWindow) {
                view = view?.superview
            }
            return view
        }
    } 

Essayez de définir un backgroundColorde vos transparentViewcomme UIColor(white:0.000, alpha:0.020). Ensuite, vous pouvez obtenir des événements tactiles dans touchesBegan/ touchesMovedmethods. Placez le code ci-dessous à un endroit où votre vue est ouverte:

self.alpha = 1
self.backgroundColor = UIColor(white: 0.0, alpha: 0.02)
self.isMultipleTouchEnabled = true
self.isUserInteractionEnabled = true

J'utilise cela au lieu du point de méthode de remplacement (à l'intérieur: CGPoint, avec: UIEvent)

  override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        guard self.point(inside: point, with: event) else { return nil }
        return self
    }