Failed to render and update auto layout status for のエラーに困っている初心者です

Question

Xcode10.1を利用していて、掲題Failed to render and update auto layout status forというエラーが発生し、storyboard上でも青枠だけの表示となりつまづいております。

他のサイトを調べ、Derived Dataを削除したり、Podfileをアップデート、Clean bundle等をしてもダメな様です。@IBDesignableを利用してるクラスは下記なのですがご教示頂けますと幸いです。

import UIKit

@IBDesignable class RatingControl: UIStackView {

private var ratingButtons = [UIButton]()
var rating = 0{
    didSet {
        updateButtonSelectionStates()
}

}

@IBInspectable var starSize: CGSize = CGSize(width: 44.0, height: 44.0){
    didSet{
        setupButtons()
    }
}
@IBInspectable var starCount: Int = 5{
    didSet{
        setupButtons()
    }
}

override init(frame: CGRect) {
    super.init(frame: frame)
    setupButtons()
}

required init(coder: NSCoder) {
    super.init(coder: coder)
    setupButtons()
}
/*
// Only override draw() if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func draw(_ rect: CGRect) {
    // Drawing code
}
*/

@objc func ratingButtonTapped(button: UIButton){
    guard let index = ratingButtons.index(of: button) else {
        fatalError("The button, (button), is not in the ratingButtons array: (ratingButtons)")
    }
    
    // Calculate the rating of the selected button
    let selectedRating = index + 1
    
    if selectedRating == rating {
        // If the selected star represents the current rating, reset the rating to 0.
        rating = 0
    } else {
        // Otherwise set the rating to the selected star
        rating = selectedRating
    }
}

private func setupButtons() {
    
    for button in ratingButtons {
        removeArrangedSubview(button)
        button.removeFromSuperview()
    }
    ratingButtons.removeAll()
    
    let bundle = Bundle(for: type(of: self))
    bundle.loadNibNamed(String(describing: self), owner: self, options: nil)
    let filledStar = UIImage(named: "filledStar", in: bundle, compatibleWith: self.traitCollection)
    let emptyStar = UIImage(named: "emptyStar", in: bundle, compatibleWith: self.traitCollection)
    let highlightedStar = UIImage(named: "highlightedStar", in: bundle, compatibleWith: self.traitCollection)
    
    
    
    for _ in 0..<starCount {
    // Create the button
    let button = UIButton()
    button.setImage(emptyStar, for: .normal)
    button.setImage(filledStar, for: .selected)
    button.setImage(highlightedStar, for: .highlighted)
    button.setImage(highlightedStar, for: [.highlighted, .selected])
    
    // Add constraints
    button.translatesAutoresizingMaskIntoConstraints = false
    button.heightAnchor.constraint(equalToConstant: starSize.height).isActive = true
    button.widthAnchor.constraint(equalToConstant: starSize.width).isActive = true
    
    button.addTarget(self, action: #selector(RatingControl.ratingButtonTapped(button:)), for: .touchUpInside)
    
    // Add the button to the stack
    addArrangedSubview(button)
    ratingButtons.append(button)
        
}

}
private func updateButtonSelectionStates() {
for (index, button) in ratingButtons.enumerated() {
// If the index of a button is less than the rating, that button should be selected.
button.isSelected = index < rating
}
}
}

Comments

[hayabusabusash]

UIStackViewのカスタムクラスにしていると思いますが、
UIStackViewにしたのには何か理由があったりしますか？
もし何か参考にしたリンクなどがあればそちらも見せていただけると嬉しいです！

あと完成形は星が横並びになっているようなイメージであっていますか？

[Marcos]

ご連絡頂きありがとうございます！
ios appsのチュートリアルでRating Controlクラスを作りました！https://developer.apple.com/library/archive/referencelibrary/GettingStarted/DevelopiOSAppsSwift/CreateATableView.html#//apple_ref/doc/uid/TP40015214-CH8-SW1

このクラスをtab bar controlを返すとエラーが出てしまうみたいで。こちらで回答となっておりますでしょうか、宜しくお願い致します。

Answer 1

返信ありがとうございます！
いただいたURLのソースコードと見比べたところ、
以下の部分でエラーが出ているようでした。

private func setupButtons() {
        
        for button in ratingButtons {
            removeArrangedSubview(button)
            button.removeFromSuperview()
        }
        ratingButtons.removeAll()
        
        let bundle = Bundle(for: type(of: self))

        // ここがエラーになっている        
        //bundle.loadNibNamed(String(describing: self), owner: self, options: nil)

        let filledStar = UIImage(named: "filledStar", in: bundle, compatibleWith: self.traitCollection)
        let emptyStar = UIImage(named: "emptyStar", in: bundle, compatibleWith: self.traitCollection)
        let highlightedStar = UIImage(named: "highlightedStar", in: bundle, compatibleWith: self.traitCollection)
        
        for _ in 0..<starCount {
            // Create the button
            let button = UIButton()
            button.setImage(emptyStar, for: .normal)
            button.setImage(filledStar, for: .selected)
            button.setImage(highlightedStar, for: .highlighted)
            button.setImage(highlightedStar, for: [.highlighted, .selected])
            
            // Add constraints
            button.translatesAutoresizingMaskIntoConstraints = false
            button.heightAnchor.constraint(equalToConstant: starSize.height).isActive = true
            button.widthAnchor.constraint(equalToConstant: starSize.width).isActive = true
            
            button.addTarget(self, action: #selector(ratingButtonTapped(button:)), for: .touchUpInside)
            
            // Add the button to the stack
            addArrangedSubview(button)
            ratingButtons.append(button)
            
        }
    }

loadNibNamed()はxibファイルを読み込む関数なので、
存在しないファイルを読み込もうとしていてエラーになっていたのではないかなと思います。
こちらの1行をコメントアウトすることで一応動作しました。

念の為使用する画像等(emptyStarなど)がXcodeのプロジェクトに入っていることも確認してください。
ここからダウンロードできるみたいです。

また、
こちらのドキュメントは古い情報のままのようなので最新のSwiftとは違う部分があるかもしれません。

なので最新のSwiftのバージョンに対応した教材で学ぶことをお勧めします。

Comments

[Marcos]

ありがとうございます！解決されました！
絶対に挫折しないiphoneアプリを2週してオリジナルアプリに入ってたのですが、知らない事が多すぎてtutorialの知識を使っていました。何かおすすめの教材ございましたらご教示頂けますと幸いです。swift実践入門にて文法は平行して学習しております

[hayabusabusash]

よかったです！

見たところ基本は教材で学ばれているようなので、自分で色んなものを考えて作った方がいいと思います。
作っているうちに出てくるエラーや分からない部分を自分で調べて解決していけば、自然と色んな知識がついていくと思います。

今はたくさんの方(著名なエンジニアの方やライブラリを作った方)がソースコードを公開されているので、
そういった公開されているソースコードを読むこともお勧めです！

[Marcos]

返信遅くなり失礼いたしました。
学習アドバイスありがとうございます！現状ではオリジナルアプリ作成は進めており、その中でチュートリアルで使ったプロセスを導入しておりました。ソースコードの解読も進めてみます！