将左键钮按钮的可点击区域限制为自定义按钮的大小

Question

我已经在我的应用程序上实现了SWReveal控件。为了激发这个动作，我有一个带有自定义视图的UIBarButtonItem。好吧，一切工作正常，但我注意到，即使点击远离图像（约44像素宽的图像，然后点击100像素），我仍然可以触发事件。

我一直在寻找了一段时间，我已经找到了最好的解决方案（定义自定义按钮和实例化的UIBarButtonItem与“initWithCustomView”）

这是我以前的代码：

UIBarButtonItem *revealButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"reveal-icon"] style:UIBarButtonItemStylePlain target:_revealController action:@selector(revealToggle:)]; 
self.navigationItem.leftBarButtonItem = revealButtonItem; 

而随着“办法”的代码：

//create the image for your button, and set the frame for its size 
UIImage *image = [UIImage imageNamed:@"reveal-icon"]; 
CGRect frame = CGRectMake(0, 0, image.size.width, image.size.height); 
//init a normal UIButton using that image 
UIButton* button = [[UIButton alloc] initWithFrame:frame]; 
[button setBackgroundImage:image forState:UIControlStateNormal]; 
[button addTarget:_revealController action:@selector(revealToggle:) forControlEvents:UIControlEventTouchUpInside]; 
//finally, create your UIBarButtonItem using that button 
UIBarButtonItem* revealButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button]; 

self.navigationItem.leftBarButtonItem = revealButtonItem; 

随着我知道我有一个正确的大小按钮稍后代码（我给自己定的backgroundColor，并检查了心病该按钮的矩形大小），但仍然在远离按钮时触发该动作。

¿任何想法？

预先感谢您。

Answer 1

请尝试button.clipsToBounds = YES;，但我必须同意其他意见，根据苹果的iOS Human Interface Guidelines，每个可点击面积应至少为44x44。

Answer 2

自定义视图路径似乎为我工作，但我找到了另一种解决方案，你可以尝试，如果这不适合你。它似乎像可点击区域一直延伸到它碰到用户可以点击的东西。我有一个标题视图，用户可以点击执行某些操作，因此我的左栏按钮的可点按区域停在那里。但我也尝试添加另一个uiview与userinteractionenabled设置为是只是略左右巴钮右侧的，这似乎停止扩展区域。我能够使用两行标准代码而不是自定义。不知道这是否会为你工作或不

Answer 3

It is hard to make uibarbuttonitem touch area override. We can achieve the same using subclassing uinavigationbar. 

File-New-CocoaTouch Class-UINavigationBar- Name it. 

This is mine: 

import UIKit 
import Foundation 

let navigationItem : UINavigationItem = UINavigationItem() 

class CustomNavigationBar: UINavigationBar { 

    override init(frame: CGRect) { 
     super.init(frame: frame) 

     self.backgroundColor = UIColor.redColor() 
    } 
    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder)! 
    } 
    override func drawRect(rect: CGRect) { 

    } 
    func addUIButtonToUIBarButtonitems(leftButton:UIButton,leftButtonFrame:CGRect,rightButton:UIButton,rightButtonFrame:CGRect) 
    { 
     let leftView = UIView(frame: leftButtonFrame) 
     leftView.addSubview(leftButton) 

     let leftItem:UIBarButtonItem = UIBarButtonItem(customView: leftView) 
     navigationItem.leftBarButtonItem = leftItem 

     let rightView = UIView(frame: rightButtonFrame) 
     rightView.addSubview(rightButton) 

     let rightItem:UIBarButtonItem = UIBarButtonItem(customView: rightView) 
     navigationItem.rightBarButtonItem = rightItem 

     items = [navigationItem] 
    } 
} 

I have a method for setting uibuttons as uibarbuttonitems. On View Controller, I will add two unbuttons and will pass the same to the navigation bar. The frame of the unbutton will be the click area of the respective uibattonitem. 

class CustomNavBarVC: UIViewController { 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     self.styleCustomNavigationBar() 
    } 

    func styleCustomNavigationBar() { 

     self.navigationController?.setNavigationBarHidden(true, animated: false) 

     let navigationBar : CustomNavigationBar = CustomNavigationBar(frame: CGRectMake(0, 0, CGRectGetWidth(self.view.bounds), 64.0)) 

     //menu button 
     let menubutton: UIButton = UIButton(frame: CGRectMake(0,0,30,30)) 
     menubutton.setImage(UIImage(named: "menu"), forState: UIControlState.Normal) 
     menubutton.addTarget(self, action: "backButtonDidClicked", forControlEvents: UIControlEvents.TouchUpInside) 

     //search button 
     let searchbutton: UIButton = UIButton(frame: CGRectMake(0,0,30,30)) 
     searchbutton.setImage(UIImage(named: "search1x"), forState: UIControlState.Normal) 
     searchbutton.addTarget(self, action: "backButtonDidClicked", forControlEvents: UIControlEvents.TouchUpInside) 


     navigationBar.addUIButtonToUIBarButtonitems(menubutton, leftButtonFrame: CGRectMake(0,0,30,30), rightButton: searchbutton, rightButtonFrame: CGRectMake(0,0,30,30)) 

     self.view.addSubview(navigationBar) 
    } 

    func backButtonDidClicked() 
    { 
     print("CLICK ") 
    } 
} 

Answer 4

你可以试试这个button.clipsToBounds = YES;

这可能会帮助你。