以编程方式将图像位置放在按钮顶部

Question

我有一个点击按钮，我需要在按钮操作中显示一个图像视图，如下所示

    let imageName = "pointed_image.png"
    let image = UIImage(named: imageName)
    let imageView = UIImageView(image: image!)
    self.addSubview(imageView)

现在我想将该图像定位在按钮的顶部，使图像的底部中心正好位于按钮的顶部中心。 （想象一下标注视图如何在地图中显示，其中 pin 是位置（我的场景中的按钮），标注警报是位置的“星巴克标注”（我的场景中的图像） -

请建议我如何修改以下代码以满足要求

    //Build image view
    let imageName = "pointed_image.png"
    let image = UIImage(named: imageName)
    let imageView = UIImageView(image: image!)

    //Get Button frame
    let btnFrame = self.infoButton.frame

    //position image on top of buttom
    // CODE TO MODIFY BELOW
    var imgFrame: CGRect = imageView.frame
    imgFrame.origin.x = btnFrame.origin.x + 10
    imgFrame.origin.y = btnFrame.origin.y - 10
    imageView.frame = imgFrame
    self.addSubview(imageView)

Answer 1

我会使用imageView 的center 属性来正确放置它：

                           // aligned by centers in x axis
imageView.center = CGPoint(x: self.infoButton.center.x, 
                           // in y axis, using buttons origin and imageView's height placed right on top of the button
                           y: self.infoButton.frame.origin.y - (imageView.bounds.height / 2))