如何单击透明 UIView 后面的按钮？

Question

假设我们有一个带有一个子视图的视图控制器。子视图占据屏幕的中心，四周有 100 px 的边距。然后，我们在该子视图中添加了一些小东西来点击。我们只是使用子视图来利用新框架（子视图中的 x=0, y=0 实际上是父视图中的 100,100）。

然后，想象我们在子视图后面有一些东西，比如菜单。我希望用户能够在子视图中选择任何“小东西”，但如果那里什么都没有，我希望触摸通过它（因为无论如何背景都是清晰的）到它后面的按钮。

我该怎么做？看起来 touchesBegan 通过了，但按钮不起作用。

Answer 1

我使用它而不是覆盖方法点（内部：CGPoint，带有：UIEvent）

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

Answer 2

更简单的方法是在界面构建器中“取消选中”用户交互启用。 “如果您使用的是故事板”

Answer 3

尝试将transparentView 中的backgroundColor 设置为UIColor(white:0.000, alpha:0.020)。然后您可以在touchesBegan/touchesMoved 方法中获取触摸事件。将下面的代码放在你的视图被初始化的地方：

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

Answer 4

试试这个

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
        }
    } 

Answer 5

为您的容器创建一个自定义视图并覆盖 pointInside: 消息以在该点不在符合条件的子视图中时返回 false，如下所示：

斯威夫特：

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
    }
}

目标 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

将此视图用作容器将允许其任何子级接收触摸，但视图本身将对事件透明。

Answer 6

票数最高的解决方案对我来说并不完全有效，我想这是因为我在层次结构中有一个 TabBarController（正如其中一位 cmets 指出的那样），它实际上是将触摸传递到 UI 的某些部分，但它是弄乱了我的 tableView 拦截触摸事件的能力，它最终是在视图中覆盖 hitTest 我想忽略触摸并让该视图的子视图处理它们

- (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
    }
}

Answer 7

斯威夫特 3

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

Answer 8

如果您懒得使用类别或子类 UIView，您也可以将按钮向前拉，使其位于透明视图的前面。根据您的应用程序，这并不总是可能的，但它对我有用。您可以随时将按钮重新拉回或将其隐藏。

Answer 9

From Apple:

事件转发是一些应用程序使用的一种技术。您通过调用另一个响应者对象的事件处理方法来转发触摸事件。尽管这可能是一种有效的技术，但您应该谨慎使用它。 UIKit 框架的类并非旨在接收未绑定到它们的触摸......如果您想有条件地将触摸转发给应用程序中的其他响应者，所有这些响应者都应该是您自己的 UIView 子类的实例。

Apples Best Practise:

不要显式地将事件发送到响应者链（通过 nextResponder）；相反，调用超类实现并让 UIKit 处理响应者链遍历。

相反，您可以覆盖：

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

在您的 UIView 子类中，如果您希望将触摸发送到响应者链（即到您的视图后面的视图，其中没有任何内容），则返回 NO。

Answer 10

最近我写了一个课程来帮助我解决这个问题。将其用作UIButton 或UIView 的自定义类将传递在透明像素上执行的触摸事件。

此解决方案比公认的答案要好一些，因为您仍然可以单击半透明 UIView 下的 UIButton，而 UIView 的非透明部分仍将响应触摸事件。

正如您在 GIF 中看到的，Giraffe 按钮是一个简单的矩形，但透明区域上的触摸事件会传递到下方的黄色 UIButton。

Link to class

Answer 11

我为此创建了一个类别。

一个小方法混搭，视图是金色的。

标题

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

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

@end

实现文件

#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

您需要添加我的 Swizz.h 和 Swizz.m

位于Here

之后，你只需在你的 {Project}-Prefix.pch 文件中导入 UIView+PassthroughParent.h，每个视图都会有这个能力。

每个视图都会拿分，但没有一个空格会。

我还建议使用清晰的背景。

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

编辑

我创建了自己的财产包，以前没有。

头文件

// NSObject+PropertyBag.h

#import <Foundation/Foundation.h>

@interface NSObject (PropertyBag)

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

@end

实施文件

// 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

Answer 12

从其他答案中获取提示并阅读 Apple 的文档，我创建了这个简单的库来解决您的问题：
https://github.com/natrosoft/NATouchThroughView
它使在 Interface Builder 中绘制视图变得容易，这些视图应该将触摸传递到底层视图。

我认为在生产代码中进行方法调配是多余的，而且非常危险，因为您直接扰乱了 Apple 的基本实现并进行了可能导致意外后果的应用程序范围的更改。

有一个演示项目，希望自述文件能很好地解释要做什么。为了解决 OP，您可以在 Interface Builder 中将包含按钮的清晰 UIView 更改为类 NATouchThroughView。然后找到覆盖您想要点击的菜单的清晰 UIView。在 Interface Builder 中将该 UIView 更改为 NARootTouchThroughView 类。如果您打算将这些触摸传递到底层视图控制器，它甚至可以是您的视图控制器的根 UIView。查看演示项目以了解它是如何工作的。真的很简单，安全，无创

Answer 13

基于 John 发布的内容，这里有一个示例，它允许触摸事件通过视图的所有子视图（按钮除外）：

-(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;
}

Answer 14

我也用过

myView.userInteractionEnabled = NO;

不需要子类。工作正常。

Answer 15

根据“iPhone 应用程序编程指南”：

关闭触摸事件的传递。 默认情况下，视图接收触摸 事件，但您可以将其 userInteractionEnabled 属性设置为 NO 关闭事件的传递。 如果视图被隐藏，它也不会接收事件 或者如果它是透明的。

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

更新：删除示例 - 重新阅读问题...

在按钮获取之前，您是否对可能正在处理点击的视图进行了任何手势处理？当您没有透明视图时，该按钮是否有效？

任何代码示例的非工作代码？

Answer 16

据我所知，您应该能够通过覆盖hitTest: 方法来做到这一点。我确实尝试过，但无法使其正常工作。

最后，我在可触摸对象周围创建了一系列透明视图，这样它们就不会覆盖它。我的问题有点破解，这很好用。