垂直UIStackView中心對齊兩個UILabels

有一個帶有 ImageView 的 Root UIStackView 和帶有兩個 UILabels 的 Information UIStackView。我試圖在 UIStackView 中將兩個標簽居中。我試過在影像中心的堆疊視圖中添加一個中心約束。頂部標簽增長并且不擁抱它的內容。

private let stack: UIStackView = {
    let stackView = UIStackView()
    stackView.axis = .horizontal
    stackView.alignment = .leading
    stackView.spacing = 8
    return stackView
}()
private let informationStack: UIStackView = {
    let stackView = UIStackView()
    stackView.axis = .vertical
    stackView.alignment = .leading
    return stackView
}()

那需要像這樣垂直居中。

uj5u.com熱心網友回復：

//: A UIKit based Playground for presenting user interface

    import UIKit
    import PlaygroundSupport

    let stack: UIStackView = {
        let stackView = UIStackView()
        stackView.axis = .horizontal
        stackView.alignment = .center
        stackView.spacing = 8
        return stackView
    }()

    let informationStack: UIStackView = {
        let stackView = UIStackView()
        stackView.axis = .vertical
        stackView.alignment = .leading
        return stackView
    }()

    let timeLabel = UILabel()
    timeLabel.text = "9:30 AM"
    timeLabel.textColor = .white
    informationStack.addArrangedSubview(timeLabel)

    let eventLabel = UILabel()
    eventLabel.textColor = .white
    eventLabel.font = eventLabel.font.withSize(24)
    eventLabel.text = "Faith, Hope & Love"
    informationStack.addArrangedSubview(eventLabel)

    let drizzle = UIImage(systemName: "cloud.drizzle.fill")
    let drizzleView = UIImageView(image: drizzle)
    drizzleView.translatesAutoresizingMaskIntoConstraints
    drizzleView.contentMode = .scaleAspectFit
    drizzleView.backgroundColor = .white
    drizzleView.layer.cornerRadius = 16
    drizzleView.widthAnchor.constraint(equalToConstant: 175).isActive = true
    drizzleView.heightAnchor.constraint(equalToConstant: 100).isActive = true

    stack.addArrangedSubview(drizzleView)
    stack.addArrangedSubview(informationStack)
    debugPrint(stack.arrangedSubviews)

    stack.bounds = CGRect(x: 0,y: 0,width: 512,height: 125)
    stack.backgroundColor = .black

    PlaygroundSupport.PlaygroundPage.current.liveView = stack

uj5u.com熱心網友回復：

import UIKit
import PlaygroundSupport

let stack: UIStackView = {
    let stackView = UIStackView()
    stackView.axis = .horizontal
    stackView.alignment = .center
    stackView.spacing = 8
    return stackView
}()

let informationStack: UIStackView = {
    let stackView = UIStackView()
    stackView.axis = .vertical
    stackView.alignment = .leading
    return stackView
}()

let timeLabel = UILabel()
timeLabel.translatesAutoresizingMaskIntoConstraints = false
timeLabel.text = "9:30 AM"
timeLabel.textColor = .white
informationStack.addArrangedSubview(timeLabel)

let eventLabel = UILabel()
eventLabel.translatesAutoresizingMaskIntoConstraints = false
eventLabel.textColor = .white
eventLabel.font = eventLabel.font.withSize(24)
eventLabel.text = "Faith, Hope & Love"
informationStack.addArrangedSubview(eventLabel)

let drizzle = UIImage(systemName: "cloud.drizzle.fill")
let drizzleView = UIImageView(image: drizzle)
drizzleView.translatesAutoresizingMaskIntoConstraints
drizzleView.contentMode = .scaleAspectFit
drizzleView.backgroundColor = .white
drizzleView.layer.cornerRadius = 16
drizzleView.widthAnchor.constraint(equalToConstant: 175).isActive = true
drizzleView.heightAnchor.constraint(equalToConstant: 100).isActive = true

stack.addArrangedSubview(drizzleView)
stack.addArrangedSubview(informationStack)
debugPrint(stack.arrangedSubviews)

stack.bounds = CGRect(x: 0,y: 0,width: 512,height: 125)
stack.backgroundColor = .black

PlaygroundSupport.PlaygroundPage.current.liveView = stack

標籤：ios 迅速 工具包

上一篇：NSKeyValueCoding.setValue(_:forKey:)不起作用

下一篇：Xcode中的“應用程式”專案和“框架”專案有什么區別？