UIButton没有在ImageView

时间:2016-01-10 16:37:05

标签: ios iphone swift uibutton uiimagepickercontroller

在我的Swift应用程序中,我想将后置摄像头指向对象,然后单击一个按钮。在我的视图控制器中,我正在尝试选择UIButton按钮,用于以编程方式放置的按钮,位于cameraOverlayView上。

我不需要拍照 - 我只是用相机指向物体,然后点击按钮。

编译到iPhone。我似乎要么让相机工作,要么按钮,但不是两个同时。 imagePicker位于按钮上方并隐藏它。任何人都可以建议如何让按钮和imagePicker一起工作?提前谢谢。

import UIKit
import MobileCoreServices

class FirstViewController: UIViewController {

@IBOutlet weak var imageView: UIImageView!
let imagePicker: UIImagePickerController! = UIImagePickerController()

func noCamera() {
    let alertVC = UIAlertController(
        title: "No Camera",
        message: "Sorry, this device has no camera",
        preferredStyle: .Alert)
    let okAction = UIAlertAction(
        title: "OK",
        style:.Default,
        handler: nil)
    alertVC.addAction(okAction)
    presentViewController(
        alertVC,
        animated: true,
        completion: nil)
}

// THIS IS THE FUNCTION I'M TRYING TO CALL
func buttonAction(sender: UIButton!) {
    if sender.tag == 1 {
        print("Button tapped")
        let alertVC = UIAlertController(
            title: "Button pressed",
            message: "Button pressed",
            preferredStyle: .Alert)
        let okAction = UIAlertAction(
            title: "OK",
            style:.Default,
            handler: nil)
        alertVC.addAction(okAction)
        presentViewController(
            alertVC,
            animated: true,
            completion: nil)
    }
}

@IBAction func useCamera(sender: UIButton) { // A SEPARATE STORYBOARD BUTTON IS USED TO CALL THIS INITIALLY
    if (UIImagePickerController.isSourceTypeAvailable(.Camera)) {
        if UIImagePickerController.availableCaptureModesForCameraDevice(.Rear) != nil {
            //Create camera overlay
            let pickerFrame = CGRectMake(
                0,
                UIApplication.sharedApplication().statusBarFrame.size.height,
                imagePicker.view.bounds.width,
                imagePicker.view.bounds.height - imagePicker.navigationBar.bounds.size.height - imagePicker.toolbar.bounds.size.height)

            // Sights
            let sightDiam: CGFloat = 50 // size of sights
            let sightFrame = CGRectMake(
                pickerFrame.width/2 - sightDiam/2,
                pickerFrame.height/2 - sightDiam/2,
                sightDiam,
                sightDiam)
            UIGraphicsBeginImageContext(pickerFrame.size)
            let context = UIGraphicsGetCurrentContext()
            CGContextSaveGState(context)
            CGContextSetLineWidth(context, 2) // linewidth
            CGContextSetStrokeColorWithColor(context, UIColor.yellowColor().CGColor) // colour
            // Outer circle
            CGContextStrokeEllipseInRect(context, sightFrame)
            // Inner dot
            CGContextStrokeEllipseInRect(context, CGRectMake(sightFrame.minX + sightFrame.width/2-1,sightFrame.minY + sightFrame.height/2-1,2,2))

            // Top tick
            CGContextMoveToPoint(context, sightFrame.minX + sightFrame.width/2, sightFrame.minY + 7)
            CGContextAddLineToPoint(context, sightFrame.minX + sightFrame.width/2, sightFrame.minY - 7)
            // Bottom tick
            CGContextMoveToPoint(context, sightFrame.origin.x + sightFrame.width/2, sightFrame.minY + sightFrame.size.height+7)
            CGContextAddLineToPoint(context, sightFrame.origin.x + sightFrame.width/2, sightFrame.minY + sightFrame.size.height-7)
            // Left tick
            CGContextMoveToPoint(context, sightFrame.minX-7, sightFrame.minY + sightFrame.height/2)
            CGContextAddLineToPoint(context, sightFrame.minX+7, sightFrame.minY + sightFrame.height/2)
            // Right tick
            CGContextMoveToPoint(context, sightFrame.minX + sightFrame.width-7, sightFrame.minY + sightFrame.height/2)
            CGContextAddLineToPoint(context, sightFrame.minX + sightFrame.width+7, sightFrame.minY + sightFrame.height/2)
            // Draw
            CGContextStrokePath(context)
            CGContextRestoreGState(context)

            let overlayImage = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext();
            let overlayView = UIImageView(frame: pickerFrame)
            overlayView.image = overlayImage
            let screenSize = UIScreen.mainScreen().bounds.size
            let aspectRatio:CGFloat = 4.0/3.0
            let scale = screenSize.height/screenSize.width * aspectRatio

            imagePicker.allowsEditing = false
            imagePicker.sourceType = .Camera
            imagePicker.cameraCaptureMode = .Photo
            imagePicker.modalPresentationStyle = .FullScreen
            imagePicker.showsCameraControls = false // keep off
            imagePicker.cameraOverlayView = overlayView
            imagePicker.cameraViewTransform = CGAffineTransformMakeScale(scale, scale);
            overlayView.userInteractionEnabled = true

            // Add Button (programatically)
            let buttonBorder: CGFloat = 30 // size of button
            let buttonHeight: CGFloat = 50 // height of button
            var button: UIButton = UIButton(type: UIButtonType.System) as UIButton
            button.frame = CGRectMake(
                buttonBorder,
                screenSize.height - buttonBorder - buttonHeight,
                screenSize.width - (buttonBorder * 2),
                buttonHeight)
            button.backgroundColor = UIColor.yellowColor()
            button.setTitle("Aim at object", forState: UIControlState.Normal)
            button.tag = 1
            button.addTarget(self, action: "buttonAction:", forControlEvents: .TouchUpInside)
            button.userInteractionEnabled = true
            overlayView.addSubview(button)
            overlayView.bringSubviewToFront(button)
            button.userInteractionEnabled = true
            presentViewController(imagePicker, animated: false,
                completion: {})
            // I WANTED THE BUTTON CLICK ABOVE TO CALL 'buttonAction'
            // BUT THE BUTTON NEVER GETS ACTIVATED - WHY NOT?

        } else {
            noCamera() // no rear camera
        }
    } else {
        noCamera() // no camera
    }
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
}

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

在帖子UIButton not calling event in imageView中已有好的建议,但这对我没有帮助。感谢

3 个答案:

答案 0 :(得分:1)

我认为我已经破解了它并发布了它,如果它有助于其他人。这是SO post的线索。

问题是UIImagePickerController上的cameraOverlay上的按钮显示在屏幕上,但没有注册触摸。正如@Dia Kharrat在那篇文章中指出的那样,覆盖UIView的框架还不够大。默认情况下,UIView的clipsToBounds属性设置为NO,这意味着即使它们在父框架之外,它的子视图仍然可见......实质上,请确保您的叠加框架足够大,或者您的叠加层子视图位于其边界内。'我把按钮放在外面叠加 - 但它仍在显示。

我添加overlayView.clipsToBounds = true进行测试,按钮在运行时消失,证明上面有评论。所以解决方案是将初始选择器框架定义为全屏尺寸,添加代码:

let screenSize = UIScreen.mainScreen().bounds.size // line moved to top of code
let pickerFrame = CGRectMake(0,0,screenSize.width,screenSize.height) // Full screen size

上述其余代码保持不变。现在,buttonAction会被调用。感谢@TroyT和@ Fr4nc3sc0NL的帮助。

答案 1 :(得分:0)

也许您必须在@IBAction

前添加func buttonAction(sender: UIButton!)

答案 2 :(得分:0)

我查看了其他SO帖子中的类似案例,还有一些。 This post做了类似的事情,答案建议在userInteractionEnabled上设置imageViewdocumentation还声明UIImageView会将userInteractionEnabled属性覆盖为false

非常好:

imageView.userInteractionEnabled = true

您已经在评论中说按钮位于视图的顶部,因此这可能是唯一阻止按钮接收触摸事件的内容。