自定义 UIView 中的 UIButton 在点击时未触发

UIButton in a custom UIView is not being triggered when tapped upon

提问人:mtk2021 提问时间:11/18/2021 更新时间:11/18/2021 访问量:426

问:

我在自定义 UIView CustomButtonView 中放置了一个 UIButton。UIButton 未响应点击/单击事件,并且未触发其相应的选择器方法。这是我下面的代码;我做错了什么?

此外,自定义视图的背景色为红色。当我将自定义视图添加到视图控制器的视图时,将显示红色矩形。但是,当我将 UIButton 添加到我的自定义视图(背景颜色为红色)时,只显示 UIButton,而不显示红色矩形。为什么会这样?

//
//  CustomButtonView.h
//
//

#import <UIKit/UIKit.h>

NS_ASSUME_NONNULL_BEGIN

@interface  CustomButtonView : UIView

@property (strong, nonatomic) UIImageView *buttonImageView;
@property (strong, nonatomic) UIButton *button;

@end

NS_ASSUME_NONNULL_END

//
//  CustomButtonView.m
//

#import "CustomButtonView.h"

@implementation CustomButtonView

- (instancetype)initWithFrame:(CGRect)frame{
    self = [super initWithFrame:frame];

    if (self) {
        self.backgroundColor = [UIColor redColor];
        _button = [UIButton buttonWithType:UIButtonTypeSystem];
        _button.backgroundColor = [UIColor greenColor];
        [_button setTitle:@"john doe" forState:UIControlStateNormal];
        [_button setTitle:@"john doe" forState:UIControlStateHighlighted];
        _button.translatesAutoresizingMaskIntoConstraints = NO;
        _button.titleLabel.font = [UIFont boldSystemFontOfSize:14.0];
        _button.titleLabel.textColor = [UIColor whiteColor];
        self.userInteractionEnabled = NO;
        self.button.userInteractionEnabled = YES;
        //[self addSubview:_button];
        //[_button.topAnchor constraintEqualToAnchor:self.topAnchor].active = YES;
        //[_button.leadingAnchor constraintEqualToAnchor:self.leadingAnchor].active = YES;
    }
    return self;

}

@end
//
//  ViewController.m
//  TestApp
//
//

#import "ViewController.h"
#import "CustomButtonView.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.view.backgroundColor = [UIColor yellowColor];
    _customButtonView = [[CustomButtonView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    _customButtonView.backgroundColor = [UIColor redColor];
    _customButtonView.translatesAutoresizingMaskIntoConstraints = NO;
    [_customButtonView.button addTarget:self action:@selector(customButtonTapped:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:_customButtonView];
}

- (void)customButtonTapped:(id)sender{
    NSLog(@"Button tapped!");
}

@end

以下是一些屏幕截图。请点击链接。

当我在自定义视图中显示 UIButton 时,仅显示按钮。自定义视图的红色矩形不显示。

当我简单地将自定义视图添加到我的视图控制器时(即没有向自定义视图添加 UIButton),将显示自定义视图的红色矩形。

iOS Objective-C UIView UIBuint

评论


答:

0赞 Matic Oblak 11/18/2021 #1

当您禁用特定视图的用户交互时,此用户交互不会转发到其子视图。或者换句话说;要使用户交互正常工作,您需要确保链中的所有超视图(SuperView 的 SuperView 的 Superview)都启用了用户交互。

在你的情况下,这意味着任何子视图(包括你的按钮)都不会接受任何用户交互。self.userInteractionEnabled = NO;self

除了此问题之外,还可能存在其他问题。例如:子视图将只接受其所有超级视图的物理区域内的用户交互。这意味着,如果将带有框架的按钮放置在大小的超视图上,则只有按钮的顶部是可单击的。{ 0, 0, 100, 100 }{ 100, 50 }

至于尺寸变化,这是一个完全不同的故事...... 您决定通过编写 来禁用自定义视图上自动调整大小掩码的翻译。这意味着您不会与其他约束结合使用。这意味着无论您设置了什么框架(在您的情况下),此框架都将被可能影响自定义视图框架的任何其他内容覆盖。_customButtonView.translatesAutoresizingMaskIntoConstraints = NO;frameCGRectMake(0, 0, 100, 100)

如果您的按钮代码被注释掉,则不存在“可能影响自定义视图的框架”之类的东西,并且视图的大小保持不变。但是,一旦您添加了一个按钮,您就添加了额外的约束,这很可能会导致将按钮的大小调整为它的超级视图,即您的自定义视图。{ 100, 100 }sizeToFit

为避免这种情况,您需要取消禁用自动调整大小掩码的转换,使其成为自定义视图的约束。或者,您需要通过向自定义视图大小添加约束来定义自定义视图大小,以便将它们设置为 。您可以简单地约束 和 .{ 100, 100 }heightAnchorwidthAnchor100

评论

0赞 mtk2021 11/19/2021
谢谢马蒂奇!你的两个建议都奏效了。将自定义视图上的 translatesAutoresizingMaskIntoConstraints 掩码设置为 YES,使按钮能够正确显示。同样,在上视图上启用用户交互也有所帮助。谢谢!