提问人:mtk2021 提问时间:11/18/2021 更新时间:11/18/2021 访问量:426
自定义 UIView 中的 UIButton 在点击时未触发
UIButton in a custom UIView is not being triggered when tapped upon
问:
我在自定义 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
以下是一些屏幕截图。请点击链接。
答:
当您禁用特定视图的用户交互时,此用户交互不会转发到其子视图。或者换句话说;要使用户交互正常工作,您需要确保链中的所有超视图(SuperView 的 SuperView 的 Superview)都启用了用户交互。
在你的情况下,这意味着任何子视图(包括你的按钮)都不会接受任何用户交互。self.userInteractionEnabled = NO;
self
除了此问题之外,还可能存在其他问题。例如:子视图将只接受其所有超级视图的物理区域内的用户交互。这意味着,如果将带有框架的按钮放置在大小的超视图上,则只有按钮的顶部是可单击的。{ 0, 0, 100, 100 }
{ 100, 50 }
至于尺寸变化,这是一个完全不同的故事......
您决定通过编写 来禁用自定义视图上自动调整大小掩码的翻译。这意味着您不会与其他约束结合使用。这意味着无论您设置了什么框架(在您的情况下),此框架都将被可能影响自定义视图框架的任何其他内容覆盖。_customButtonView.translatesAutoresizingMaskIntoConstraints = NO;
frame
CGRectMake(0, 0, 100, 100)
如果您的按钮代码被注释掉,则不存在“可能影响自定义视图的框架”之类的东西,并且视图的大小保持不变。但是,一旦您添加了一个按钮,您就添加了额外的约束,这很可能会导致将按钮的大小调整为它的超级视图,即您的自定义视图。{ 100, 100 }
sizeToFit
为避免这种情况,您需要取消禁用自动调整大小掩码的转换,使其成为自定义视图的约束。或者,您需要通过向自定义视图大小添加约束来定义自定义视图大小,以便将它们设置为 。您可以简单地约束 和 .{ 100, 100 }
heightAnchor
widthAnchor
100
评论