在 Swift 中将 UIButton 覆盖在 UIWebView 上 [英] Overlay an UIButton over an UIWebView in Swift

问题描述

所以我有一个加载 UIWebView 的视图，我想覆盖 UIButton 用户可以点击以转到另一个视图.

So I have a view that loads a UIWebView and I want to overlay UIButton the user can tap on to go to another view.

我设法将按钮放在网络视图上，但我似乎无法点击它.

I managed to place the button over the web view but I can't seem to be able to tap on it.

这是我的代码:

class ButtonView: UIView {
    var button: UIButton!

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

        button = UIButton(frame: CGRectMake(0, 0, 50, 50))
        button.layer.zPosition = 10
        self.addSubview(button)
    }

    required init(coder aDecoder: NSCoder) {
        fatalError("Init(coder:) has not been implemented")
    }    
}

class MyViewController : UIViewController, UIWebViewDelegate {

    var buttonView = ButtonView()
    @IBOutlet weak var webView: UIWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        self.loadWebView() //This just loads a url to the web view...

        webView.layer.zPosition = 1
        buttonView = ButtonView(frame: CGRectMake(0, 0, 100, 100))
        buttonView.layer.zPosition = 100
        buttonView.button.addTarget(self, action: "buttonEvent:", forControlEvents: UIControlEvents.TouchUpInside)
        self.view.addSubview(buttonView)
    }

    func buttonEvent(sender: AnyObject!){
        println("Tap detected!")
    }
}

所以这会按预期在 web 视图顶部显示按钮，但我无法点击它.

So this displays the button on top of the web view as expected but I can't tap on it.

虽然如果我隐藏网页视图，我可以毫无问题地点击按钮

Although if I hide the web view I can tap on the button without any problems

这是 zPosition 问题吗?还是别的什么?

Is this a zPosition problem? or something else?

推荐答案

只要你更换它就可以工作:

It could work as it is as long as you replace:

self.view.addSubview(buttonView)

与:

webView.addSubview(buttonView)

所以基本上将包含按钮的视图添加到 web 视图中

So basically add the view containing the button to the web view instead

这篇关于在 Swift 中将 UIButton 覆盖在 UIWebView 上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！