Question

我迅速设计了一个视图，如下所示。

import UIKit
import SnapKit

@IBDesignable class FlightStopsView: UIView {

    var startPoint: UILabel!
    var endPoint: UILabel!
    var line: UIView!
    var stopsStack: UIStackView!
    var stopCount: UILabel!

    var stops: [Stop]! {
        didSet {
            addStops()
            setNeedsLayout()
            setNeedsDisplay()
        }
    }

    @IBInspectable var lineColor: UIColor! {
        didSet{
            line?.backgroundColor = UIColor.lightGray
            layoutIfNeeded()
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        setUpView()

    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    func setUpView() {

        startPoint = UILabel()
        startPoint.attributedText = "o"
        self.addSubview(startPoint)
        startPoint.snp.makeConstraints { make in
            make.width.equalTo(10)
            make.height.equalTo(10)
            make.leading.equalToSuperview()
            make.centerY.equalToSuperview()
        }

        endPoint = UILabel()
        endPoint.attributedText = "o"
        self.addSubview(endPoint)
        endPoint.snp.makeConstraints { make in
            make.width.equalTo(10)
            make.height.equalTo(10)
            make.trailing.equalToSuperview()
            make.centerY.equalToSuperview()
        }

        line = UIView()
        line.backgroundColor = UIColor.lightGray
        self.addSubview(line)
        line.snp.makeConstraints { make in
            make.height.equalTo(1)
            make.centerY.equalToSuperview()
            make.leading.equalTo(startPoint.snp.trailing).offset(-1)
            make.trailing.equalTo(endPoint.snp.leading).offset(1)
        }

        stopCount = UILabel()
        stopCount.textColor = UIColor.lightGray
        stopCount.font = UIFont.regularFont(Dimens.FontSize.SMALL)
        stopCount.adjustsFontSizeToFitWidth = true
        stopCount.text = "Non Stop"
        self.addSubview(stopCount)
        stopCount.snp.makeConstraints { make in
            make.centerX.equalToSuperview()
            make.top.equalTo(line.snp.bottom).offset(4)
            make.bottom.equalToSuperview()
        }

        stopsStack = UIStackView()
        stopsStack.backgroundColor = .clear
        stopsStack.alignment = .center
        stopsStack.distribution = .fill
        stopsStack.contentMode = .center
        stopsStack.spacing = 30
        self.addSubview(stopsStack)
        stopsStack.snp.makeConstraints{ make in
            make.centerX.equalToSuperview()
            make.top.equalToSuperview()
            make.bottom.equalTo(line.snp.bottom).offset(4.5)
        }

        addStops()
    }

    func addStops() {
        guard stopCount != nil && stopsStack != nil else {
            return
        }

        guard stops != nil else {
            stopCount.text = "Non stop"
            return
        }
        stopCount.text = "\(stops.count) stops"

        for stop in stops {
            let stackChild = UIView()
            let stackChildLabel = UILabel()
            let stackChildPointer = UILabel()

            stackChildLabel.text = stop.stopName
            stackChildLabel.textAlignment = .center
            stackChildLabel.textColor = UIColor.lightGray
            stackChildLabel.font = UIFont.regularFont(Dimens.FontSize.SMALL)
            stackChildLabel.adjustsFontSizeToFitWidth = true
            stackChildLabel.numberOfLines = 2
            stackChildPointer.attributedText = “o”

            stackChild.addSubview(stackChildLabel)
            stackChild.addSubview(stackChildPointer)

            stackChild.snp.makeConstraints { make in
                make.width.equalTo(24)
                make.height.equalToSuperview()
            }

            stackChildPointer.snp.makeConstraints { make in
                make.width.equalTo(10)
                make.height.equalTo(10)
                make.bottom.equalToSuperview()
                make.centerX.equalToSuperview()
            }

            stackChildLabel.snp.makeConstraints{ make in
                make.width.equalTo(20)
                make.top.equalToSuperview()
                make.bottom.equalTo(stackChildPointer.snp.top)
                make.centerX.equalToSuperview()
            }

            stopsStack.addArrangedSubview(stackChild)
        }
    }
}

视图的主要目的是显示两个行驶点之间的车站。即，如果将公交车用作运输工具，则从目的地到源头有多少站。但是，在模拟器上运行该视图时，该视图不会显示在视图中。如果有人能指出我在做什么错，我将感到很高兴。

Answer 1

问题是您没有将stackChild移至stopStacks，而另一件事是初始化，这在init?(coder aDecoder: NSCoder)方法下是必需的，因为从{{ 1}} UIView将不会被呼叫。

下面您可以找到它们的修改代码：

UIStoryboard

请告诉我这是否有帮助！

使用Snapkit的自定义视图在使用时不显示

1 个答案: