让 @IBDesignable UIView 在不崩溃 Interface Builder 的情况下进行绘制答案

【问题标题】：Getting @IBDesignable UIView to draw without crashing Interface Builder让 @IBDesignable UIView 在不崩溃 Interface Builder 的情况下进行绘制
【发布时间】：2017-10-29 06:26:19
【问题描述】：

我正在尝试在界面生成器中配置自定义 UIView 并获取要呈现的视图。每次我尝试使用自定义 Xib 执行此操作时，我都可以让 xib 在界面构建器中看起来不错，但是当我尝试将我的 MyCustomView 放入界面构建器中的 UIVewController 时，我得到了各种编译器错误。

我看过的每个教程都是这样的：“只需在你的类声明前面添加 @IBDesignable 并将 @IBInspectable 放在你的变量前面，然后观察奇迹发生”（例如：WWDC 2015 video ）。或者是Objective-C，或者是30分钟的阿拉姆语视频，带有中文字幕等。

我的最终目标是能够拖入 UIView，在身份检查器中分配我的自定义类，并让 xib 的内容填充我拖入的 UIView，并能够调整 @IBInspectable 属性。

我在哪里寻找答案：

SO Post: @IBDesignable crashing agent

NS Hipster

A Medium Post

我得到的错误：

Base.lproj/Main.storyboard：错误：IB Designables：渲染失败并更新 PlaylistViewController (o1G-QR-OwX) 的自动布局状态：代理崩溃了

Base.lproj/Main.storyboard：错误：IB Designables：更新失败自动布局状态：代理崩溃

我的CurrentlyPlayingView 的身份检查员：

我收到上述错误后的视图故事板：

我试图出现在上述故事板底部的视图：

我的代码：

import UIKit

@IBDesignable class CurrentlyPlayingView: UIView {

    var view = UIView()

    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var subtitleLabel: UILabel!
    @IBOutlet weak var progressSlider: UISlider!

    // IBInspectable attributes

    @IBInspectable public var titleLabelColor: UIColor = .black {
        didSet {
            self.titleLabel.textColor = titleLabelColor
        }
    }

    @IBInspectable public var subtitleLabelColor: UIColor = .black {
        didSet {
            self.subtitleLabel.textColor = subtitleLabelColor
        }
    }

    @IBInspectable public var sliderMinColor: UIColor = .blue {
        didSet {
            self.progressSlider.minimumTrackTintColor = sliderMinColor
        }
    }

    @IBInspectable public var sliderMaxColor: UIColor = .red {
        didSet {
            self.progressSlider.maximumTrackTintColor = sliderMaxColor
        }
    }

    // MARK: - Initialization

    override init(frame: CGRect) {
        super.init(frame: frame)
        xibSetup()
        initialConfig()
    }

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

    private func initialConfig() {
        self.titleLabel.textColor = titleLabelColor
        self.subtitleLabel.textColor = subtitleLabelColor
        self.progressSlider.minimumTrackTintColor = sliderMinColor
        self.progressSlider.maximumTrackTintColor = sliderMaxColor
    }

    // MARK: - Nib handlers

    private func xibSetup() {
        view = loadViewFromNib()
        view.frame = bounds

        // Make the view stretch with containing view
        view.autoresizingMask = [UIViewAutoresizing.flexibleWidth, UIViewAutoresizing.flexibleHeight]

        // Adding custom subview on top of our view (over any custom drawing > see note below)
        addSubview(view)
    }

    private func loadViewFromNib() -> UIView {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: "CurrentlyPlayingView", bundle: bundle)

        // Assumes UIView is top level and only object in CustomView.xib file
        let view = nib.instantiate(withOwner: self, options: nil).first as! UIView
        return view
    }
}

如果您已经做到了这一点，感谢您的阅读。如果您看到我缺少的内容，我欢迎您的建议。

【问题讨论】：

我在你的实现中看不到 prepareForInterfaceBuilder 函数。

标签： ios swift uiview xib ibdesignable

【解决方案1】：

我认为这是因为您缺少 prepareForInterfaceBuilder 功能。

像这样覆盖这个函数。

override func prepareForInterfaceBuilder() {
        super.prepareForInterfaceBuilder()
        //setup your view with the settings
    }

OP 的附录：

将UIView 拖出到YourViewController 并将其在身份检查器中的自定义类设置为YourCustomView 后，确保选中“从目标继承”（从Xcode 8.x 开始）。

【讨论】：