使用自动布局将子视图添加到 UIButton 上

Question

使用自动布局将子视图添加到 UIButton 上

4

我创建了一个UIButton的子类。这个子类(BubbleBtn)负责向按钮添加一个UIView。

被添加的视图应该距离父按钮顶部、左侧和右侧6个点，同时占用父按钮高度的一半。

代码:

class BubbleBtn: UIButton {
    override init(frame: CGRect) {
        super.init(frame: frame)
        addBubbleView()
    }
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        addBubbleView()
    }
    func addBubbleView() {
        setNeedsLayout()
        layoutIfNeeded()
        let bubbleBuffer:CGFloat = 6
        let bubble = UIView(frame: CGRect(x: bubbleBuffer, y: bubbleBuffer, width: self.frame.width - (bubbleBuffer * 2), height: (self.frame.height / 2)))
        bubble.isUserInteractionEnabled = false
        bubble.backgroundColor = UIColor(red: 1, green: 1, blue: 1, alpha: 0.5)
        bubble.layer.cornerRadius = 10
        bubble.layer.zPosition = -1
        self.addSubview(bubble)
    }
}

问题在于添加的UIView的宽度和高度不是正确的大小；对于较大的按钮，宽度和高度都太短了。

我该如何将UIView添加到按钮上，以便气泡视图以正确的大小呈现？

下面是发布的屏幕截图：

- Joe

添加 bubble.frame = self.bounds。 - Anbu.Karthik

2个回答

1

您应该根据父视图的bounds和正确的autoresizingMask来设置框架。

let bubble = UIView(frame: CGRect(x: bubbleBuffer, y: bubbleBuffer,
    width: self.bounds.width - (bubbleBuffer * 2), 
    height: self.bounds.height - (2 * bubbleBuffer))
bubble.translatesAutoresizingMaskIntoConstraints = true
bubble.autoresizingMask = [ .flexibleWidth, .flexibleHeight ]

所以当父视图的框架改变时，bubble会适应其宽度。

- clemens

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- KiranMayee Maddi · Accepted Answer

尝试为按钮内的视图添加约束。

func addBubbleView() {
   let bubble = UIView()
    bubble.isUserInteractionEnabled = false
    bubble.backgroundColor = UIColor(red: 1, green: 1, blue: 1, alpha: 0.5)
    bubble.layer.cornerRadius = 10
    bubble.layer.zPosition = -1
    self.addSubview(bubble)
    bubble.translatesAutoresizingMaskIntoConstraints = false
    let views = [
        "bubble": bubble
    ]
    var constraints = [NSLayoutConstraint]()
    let vBtnConstraint = NSLayoutConstraint.constraints(withVisualFormat: "V:|-6-[bubble]-6-|", options: .init(rawValue: 0), metrics: nil, views: views)
    let hBtnConstraint = NSLayoutConstraint.constraints(withVisualFormat: "H:|-6-[bubble]-6-|", options: .init(rawValue: 0), metrics: nil, views: views)
    constraints += vBtnConstraint
    constraints += hBtnConstraint
    NSLayoutConstraint.activate(constraints)
}