ios - 如何创建垂直进度条 - IOS - Swift

Question

我正在尝试创建一个垂直进度条。但问题是我的代码在 IOS11 或更高版本 上工作，但在 IOS9 上它不工作。

在 IOS11 或更高版本 上它看起来像: enter image description here

但在 IOS9 上它看起来像:enter image description here

我的代码:

let progressBar: UIProgressView = {
    let prgressView = UIProgressView()
    prgressView.progress = 0.7
    prgressView.progressTintColor = UIColor(red: 1.0, green: 0.21, blue: 0.33, alpha: 1)
    prgressView.trackTintColor = UIColor.blue
    prgressView.layer.cornerRadius = 6.5
    prgressView.clipsToBounds = true
    prgressView.transform = CGAffineTransform(rotationAngle: .pi / -2)
    prgressView.translatesAutoresizingMaskIntoConstraints = false
    return prgressView
}()

布局 subview ()

override func layoutSubviews() {
    super.layoutSubviews()

    let width = progressBar.bounds.width
    let height = progressBar.bounds.height

    progressBar.bounds.size.width = height
    progressBar.bounds.size.height = width
}

viewDidLoad()

    self.addSubview(progressBar)
    progressBar.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
    progressBar.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
    progressBar.widthAnchor.constraint(equalToConstant: 22.5).isActive = true
    progressBar.heightAnchor.constraint(equalToConstant: 250).isActive = true

我正在按照本教程创建垂直 progressView:https://www.youtube.com/watch?v=ifekgTtb0rQ&t=1070s

Answer 1

通过对您发布的代码进行两项更改，我能够使您的代码在 iOS 9 和 iOS 12 下正常运行:

1. 删除 layoutSubviews。您已设置约束。也不要尝试直接修改 View 的框架。
2. 交换宽度和高度限制。如果您没有应用转换，请考虑进度条的大小。您希望宽度为 250，高度为 22.5。转换不会改变这一点。变换只会让它看起来像 250 高，但它仍然是 250 宽。

简而言之，删除 layoutSubviews 并将约束修复为:

progressBar.widthAnchor.constraint(equalToConstant: 250).isActive = true
progressBar.heightAnchor.constraint(equalToConstant: 22.5).isActive = true