ios - 居中对齐 UIImageview 和大型 UILabel AutoLayout

Question

我有一个 UIImageView 和一个 UILabel。标签的高度比图像高，所以我想将两者的 Y 位置居中对齐。

这是原始案例:

当我将中心 Y 从图像应用到标签时，标签内容被截断。

请有人指导我正确的约束......谢谢!

Answer 1

我在我的 Storyboard中使用上面的设置。左边是一个UIImageView，右边是一个UITextView；在 UIViewController 中设置。我这样设置我的约束:

UIImageView

• 宽度等于://任何你想要的
• Height Equals://随心所欲
• Y 居中对齐: TextView
• 通往 Superview 的空间:16
• TextView 的尾随空格:8

UITextView

• Y 中心对齐: ImageView
• 到 Superview 的尾随空间:16
• ImageView 的前导空间:8
• 顶部空间到顶部布局指南:16
• Height Equals://随心所欲；这会改变

中心 Y 约束将使 UIImageView 与 UITextView 居中。 UITextView 的顶部空间约束将设置 View 的垂直定位。 UITextView 上的高度约束是动态高度部分出现的地方。为 UITextView 和 TextView 高度约束创建 View Controller 的导出。还将自己设置为 TextView 的代表。这将允许我们在 TextView 中的文本更改时动态更改所有内容。

class ViewController: UIViewController, UITextViewDelegate {
    @IBOutlet weak var textView: UITextView!
    @IBOutlet weak var textViewHeight: NSLayoutConstraint!

    override func viewDidLoad() {
        super.viewDidLoad()
        self.textView.delegate = self
    }

    func textViewDidChange(textView: UITextView) {
        // Ask the text view how much size it needs to fit its content if it has to 
        // fit in its current width but can grow vertically as much as it needs
        let sizeToFitIn = CGSizeMake(textView.bounds.size.width, CGFloat(MAXFLOAT))
        let newSize = self.textView.sizeThatFits(sizeToFitIn)
        self.textViewHeight.constant = newSize.height
    }
}