UIBarButtonItem 动作选择器 ios11

Question

UIButton *rideButton = [UIButton buttonWithType:UIButtonTypeCustom];
rideButton.titleLabel.font = CUSTOM_BUTTON_FONT;
[rideButton setTitleColor:[UIColor CUSTOM_BUTTON_TITLE_COLOR1] forState:UIControlStateNormal];
[rideButton setTitleColor:[UIColor CUSTOM_BUTTON_TITLE_COLOR2] forState:UIControlStateHighlighted];
[rideButton setTitle:@"Ride" forState:UIControlStateNormal];
[rideButton addTarget:self action:@selector(rideButtonClicked) forControlEvents:UIControlEventTouchUpInside];
CGSize s1 = [rideButton.titleLabel.text sizeWithFont:rideButton.titleLabel.font];
rideButton.frame = (CGRect) {
    .size.width = (s1.width+rideBarButtonGap)>100?100:(s1.width+rideBarButtonGap),
        .size.height = s1.height + rideBarButtonGap
};

rideButton.backgroundColor = [UIColor redColor];
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 11.0)
{
    [[rideButton.widthAnchor constraintEqualToConstant:rideButton.frame.size.width] setActive:YES];
    [[rideButton.heightAnchor constraintEqualToConstant:rideButton.frame.size.height] setActive:YES];
}

UIBarButtonItem *rideBarButton= [[UIBarButtonItem alloc] initWithCustomView:rideButton];
self.navigationItem.rightBarButtonItem = rideBarButton;

这是我创建自定义 UIBarButtonItem 的代码。我将背景颜色设置为红色只是为了查看按钮的边界。背景颜色在文本之外看起来很完美，但我无法正确单击按钮。只有在选择“RI”时才会触发按钮的操作。如果选择了“de”，则不调用该函数。它只发生在 iOS 11 中。我添加了宽度和高度限制来解决这个问题，但没有任何变化。

编辑： 当我增加 widthAnchor 的宽度时，我能够实现我想要的，但是按钮向左移动并且按钮和屏幕之间有很多间隙。所以我尝试使用rideButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight; 对齐内容。虽然内容向右移动，但可点击区域仍在中间。

Answer 1

试试这个：

public extension UIView {
//From iOS 11 -> UIBarButtonItem uses autolayout instead of dealing with frames. so adding contraint for the barbuttonItem
public func applyNavBarConstraints(size: (width: CGFloat, height: CGFloat)) {
    if #available(iOS 11.0, *) {
        let widthConstraint = self.widthAnchor.constraint(equalToConstant: size.width)
        let heightConstraint = self.heightAnchor.constraint(equalToConstant: size.height)
        heightConstraint.isActive = true
        widthConstraint.isActive = true
    }
}}

并按如下方式使用：

rideBarButton.applyNavBarConstraints(size: (width: 50, height: 44)) //expected height and width

这对我有用。希望这会有所帮助！