Swift 以编程方式在ProgressView上设置progressTint可更改进度条大小

我花了好几天的时间才找到这个问题的来源

我有一个表格视图，其中有一行自定义表格单元格，每个单元格内都有一个进度视图。该应用程序根据进度视图的满度要求进度视图的色调为绿色/琥珀色/红色

我发现以编程方式设置progressTint会使进度条看起来比它应该做的更满

相关代码（tableView cellForRowAt）：

让Max:Double=MyGroup！。EndTimeSeconds-MyGroup！。StartTimeSeconds//10771
让进度：Double=Date（）.timeIntervalSince1970-MyGroup！。StartTimeSeconds//1599.7007069587708
如果（最大>=进度）{
Cell.DescriptionLabel.textColor=UIColor.black
Cell.SubtitleLabel.textColor=UIColor.black
Cell.TargetDeliveryTimeLabel.textColor=UIColor.pts\u darkergrey
Cell.ProgressView.setProgress（浮动（进度/最大值），动画：false）
Cell.ProgressView.progress=浮动（进度/最大值）
Cell.ProgressView.progressTintColor=UIColor.pts_green//如果我将这些注释掉，它就会工作。
如果（Max*0.75经过一些搜索和测试…标准
UIProgressView
似乎不喜欢修改高度、色调和/或图层的某些组合

尝试将您的
UIProgressView
替换为此
SimpleProgressView

其默认值为：


背景颜色=白色
淡色=蓝色
转弯半径=4
固有高度=4

您应该可以将其用作直接替换-无需对现有代码进行任何其他更改。它是
@IBDesignable
，具有
corneradius
和
progress
作为
@IBInspectable
，因此您可以设置它们并在情节提要中查看结果

@IBDesignable
class SimpleProgressView: UIView {
    
    @IBInspectable public var cornerRadius: CGFloat = 0 {
        didSet {
            progressBarView.layer.cornerRadius = cornerRadius
            layer.cornerRadius = cornerRadius
        }
    }
    
    private let progressBarView = UIView()
    private var widthConstraint: NSLayoutConstraint!

    // default height of
    override var intrinsicContentSize: CGSize {
        return CGSize(width: UIView.noIntrinsicMetric, height: 4.0)
    }
    
    // set the background color of the progressBarView to the tint color
    override var tintColor: UIColor! {
        didSet {
            progressBarView.backgroundColor = tintColor
        }
    }

    // update width constraint multiplier when progress changes
    @IBInspectable public var progress: Float = 0 {
        didSet {
            if let wc = widthConstraint {
                // cannot modify multiplier directly, so
                //  deactivate
                wc.isActive = false
                //  create new width constraint with percent as multiplier
                //  maximum of 1.0
                let pct = min(progress, 1.0)
                self.widthConstraint = progressBarView.widthAnchor.constraint(equalTo: widthAnchor, multiplier: CGFloat(pct))
                //  activate new width constraint
                self.widthConstraint.isActive = true
            }
        }
    }
    // we can set .progress property directly, or
    // call setProgress (with optional animated parameter)
    public func setProgress(_ p: Float, animated: Bool) -> Void {
        // don't allow animation if frame height is zero
        let doAnim = animated && progressBarView.frame.height != 0
        self.progress = p
        if doAnim {
            UIView.animate(withDuration: 0.3, animations: {
                self.layoutIfNeeded()
            })
        }
    }
    
    override func prepareForInterfaceBuilder() {
        super.prepareForInterfaceBuilder()
        if backgroundColor == nil {
            backgroundColor = UIColor.black.withAlphaComponent(0.1)
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        commonInit()
    }
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        commonInit()
    }
    private func commonInit() -> Void {

        // default background color: black with 0.1 alpha
        if backgroundColor == nil {
            backgroundColor = UIColor.black.withAlphaComponent(0.1)
        }
        
        // default tint color
        tintColor = .blue

        // default corner radius
        cornerRadius = 4

        progressBarView.translatesAutoresizingMaskIntoConstraints = false
        addSubview(progressBarView)
        // create width constraint
        //  progressBarView width will be set to percentage of self's width
        widthConstraint = progressBarView.widthAnchor.constraint(equalTo: widthAnchor, multiplier: 0.0)
        NSLayoutConstraint.activate([
            // constrain progressBarView Top / Leading / Bottom to self
            progressBarView.topAnchor.constraint(equalTo: topAnchor),
            progressBarView.leadingAnchor.constraint(equalTo: leadingAnchor),
            progressBarView.bottomAnchor.constraint(equalTo: bottomAnchor),
            // activate width constraint
            widthConstraint,
        ])
        clipsToBounds = true
    }

}

下面是一个快速测试实现，比较顶部的
UIProgressView
和下面的
SimpleProgressView
。进度条将从10%开始，每次点击视图时递增10%，并在25%、75%和100%时更改颜色：

class ViewController: UIViewController {

    let uiProgressView = UIProgressView()
    let simpleProgressView = SimpleProgressView()
    let labelA = UILabel()
    let labelB = UILabel()

    var curProgress: Float = 0
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        
        labelA.text = "Default UIProgressView"
        labelB.text = "Custom SimpleProgressView"

        [labelA, uiProgressView, labelB, simpleProgressView].forEach { v in
            v.translatesAutoresizingMaskIntoConstraints = false
            view.addSubview(v)
        }
        
        let g = view.safeAreaLayoutGuide
        NSLayoutConstraint.activate([

            labelA.topAnchor.constraint(equalTo: g.topAnchor, constant: 100.0),
            labelA.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 20.0),
            labelA.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -20.0),

            uiProgressView.topAnchor.constraint(equalTo: labelA.bottomAnchor, constant: 12.0),
            uiProgressView.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 20.0),
            uiProgressView.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -20.0),
            uiProgressView.heightAnchor.constraint(equalToConstant: 80.0),

            labelB.topAnchor.constraint(equalTo: uiProgressView.bottomAnchor, constant: 40.0),
            labelB.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 20.0),
            labelB.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -20.0),
            
            simpleProgressView.topAnchor.constraint(equalTo: labelB.bottomAnchor, constant: 12.0),
            simpleProgressView.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 20.0),
            simpleProgressView.trailingAnchor.constraint(equalTo: g.trailingAnchor, constant: -20.0),
            simpleProgressView.heightAnchor.constraint(equalToConstant: 80.0),
            
        ])
        
        let t = UITapGestureRecognizer(target: self, action: #selector(self.incProgress(_:)))
        view.addGestureRecognizer(t)
        
        // start at 10%
        incProgress(nil)
    }
    
    @objc func incProgress(_ g: UITapGestureRecognizer?) -> Void {
        // increment progress by 10% on each tap, up to 100%
        curProgress = min(1.0, curProgress + 0.10)

        uiProgressView.progress = curProgress
        simpleProgressView.progress = curProgress

        let formatter = NumberFormatter()
        formatter.numberStyle = .percent
        formatter.maximumFractionDigits = 2
        if let sPct = formatter.string(for: curProgress) {
            labelA.text = "Default UIProgressView: " + sPct
            labelB.text = "Custom SimpleProgressView: " + sPct
        }
        
        print(curProgress)

        if curProgress == 1.0 {
            uiProgressView.tintColor = .pts_red
            simpleProgressView.tintColor = .pts_red
        } else if curProgress >= 0.75 {
            uiProgressView.tintColor = .pts_amber
            simpleProgressView.tintColor = .pts_amber
        } else if curProgress >= 0.25 {
            uiProgressView.tintColor = .pts_green
            simpleProgressView.tintColor = .pts_green
        } else {
            uiProgressView.tintColor = .pts_blue
            simpleProgressView.tintColor = .pts_blue
        }

    }
}

我尝试匹配您的自定义颜色：

extension UIColor {
    static let pts_green = UIColor(red: 0.35, green: 0.75, blue: 0.5, alpha: 1.0)
    static let pts_amber = UIColor(red: 0.95, green: 0.7, blue: 0.0, alpha: 1.0)
    static let pts_red = UIColor(red: 0.9, green: 0.35, blue: 0.35, alpha: 1.0)
    static let pts_blue = UIColor(red: 0.25, green: 0.75, blue: 1.0, alpha: 1.0)
    static let pts_darkergrey = UIColor(white: 0.2, alpha: 1.0)
}

是
ProgressView
UIProgressView

？还是某个自定义视图？它是一个标准的UIProgressView。设置着色颜色无法更改进度条的长度。这里有些混乱…您说“绿色/琥珀色/红色”但是您的第一个图像显示为蓝色？并且，从您显示的代码中，我们无法知道您得到的值。请使用调试断点（或一些打印语句）检查

Max

和

Progress

的值。蓝色的屏幕截图是我没有通过编程设置progressTint的地方。绿色/琥珀色/红色的屏幕截图与我在代码中设置色调的屏幕截图相同。正如您所看到的，绿色项目已经进一步发展。我在两个屏幕截图之间所做的更改是se three Cell.ProgressView.progressTintColor调用要么被注释掉，要么不被注释掉。我已经澄清了问题，并将值添加为注释。谢谢你的回答。我在哪里可以找到这个SimpleProgressView？@Psiloc-这是我回答中的第一个代码块。在你的故事板原型单元中，用一个普通的替换

UIProgressView

ode>UIView，然后将其自定义类分配给

SimpleProgressView

，并通过

@IBOutlet

连接它。我没有一个名为SimpleProgressView的类，我在GoogleAh上找不到任何关于它的信息，我很抱歉，这是漫长的一天！我会尽快尝试一下。这很有效！但是，我必须承认我完全没有确定是哪一部分解决了问题。

extension UIColor {
    static let pts_green = UIColor(red: 0.35, green: 0.75, blue: 0.5, alpha: 1.0)
    static let pts_amber = UIColor(red: 0.95, green: 0.7, blue: 0.0, alpha: 1.0)
    static let pts_red = UIColor(red: 0.9, green: 0.35, blue: 0.35, alpha: 1.0)
    static let pts_blue = UIColor(red: 0.25, green: 0.75, blue: 1.0, alpha: 1.0)
    static let pts_darkergrey = UIColor(white: 0.2, alpha: 1.0)
}