touchesBeganの処理内でoutletCollectionを呼び出してもnilになってしまう。

Question

「touchesBegan」の処理で「outletCollection」を使用したい

swiftで、画面をタップする毎に10個のImageViewの画像を順番に変更するシステムを作ろうとしています。
10個のImageViewは、全てOutletCollectionとして管理し、それぞれに違うtagつけています。(0~9)

※追記：処理は、UIViewのXibファイル上で行っています。

しかし、画面をタップするとそのOutletCollectionがnilであるとエラーが表示され、前に進めない状況です。
以下に詳しい状況を記載します。

発生している問題・エラーメッセージ

Thread 1:
Fatal error: Unexpectedly found nil while implicitly unwrapping an Optional value

和訳：Thread 1: Fatal error: オプション値のアンラップ中に予期せずnilが見つかった

該当のソースコード

//xibファイルになります。
class AnimationView: UIView {
    let data = [["画像ファイル名1","こんにちは"],
                ["画像ファイル名2","こんばんは"]] //本来ある配列内のデータ数は省略

    @IBOutlet var imageViews: [UIImageView]!

    var tagNumber = 0
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        if tagNumber < 10 {
　　　　　　　　　　　　　　　//↓「imageViewsがnilである」というエラーが発生。
            for img in imageViews {
                if img.tag == tagNumber {
                    img.image = UIImage(named: data[tagNumber][0])
                }
            }
        }
        tagNumber += 1
    }

}

touchsBegan内でOutletCollectionを呼び出すと、上記のエラーが発生してしまいます。

一方で、override init(frame: CGRect)でOutletCollectionを呼び出す分にはしっかりと参照できてしまいます。
######処理が成功する例↓

let data = [["画像ファイル名1","こんにちは"],
           ["画像ファイル名2","こんばんは"]] //本来ある配列内のデータ数は省略

@IBOutlet var imageViews: [UIImageView]!

override init(frame: CGRect) {
        super.init(frame: frame)
        
　　　　 //nilのエラーが出ることもなく、しっかりとfor文で処理を回すことができます。
        for img in imageViews {
            img.image = UIImage(named: data[img.tag][0])
        }
        
        
    }

試したこと

touchesBegan内の処理を削除し、代わりに** print(imageViews) を記述　←nilと出力される**

class AnimationView: UIView {

    @IBOutlet var imageViews: [UIImageView]!

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        print(imageViews) //nil と出力される
    }
}

###※追記 省略していたコードの全体を記載します

class AnimationView: UIView {

    @IBOutlet var imageViews: [UIImageView]!
    
    // ガチャ結果のデータを呼び出す。
    let data = [["画像ファイル名1","1"],
               ["画像ファイル名2","2"],
               ["画像ファイル名3","3"],
               ["画像ファイル名4","4"],
               ["画像ファイル名5","5"],
               ["画像ファイル名6","6"],
               ["画像ファイル名7","7"],
               ["画像ファイル名8","8"],
               ["画像ファイル名9","9"],
               ["画像ファイル名10","10"],]
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        loadNib()
        
        //ここではnilのエラーが出ることもなく、しっかりとfor文で処理を回すことができます。
        for img in imageViews {
            img.image = UIImage(named: data[img.tag][0])
        }
        
        print(imageViews.count) //10　と出力される
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)!
    }
    
    func loadNib(){
        guard let view =  UINib(nibName: "AnimationView", bundle: nil).instantiate(withOwner: self, options: nil).first as? AnimationView else {
            return
        }
        view.frame = self.bounds
        self.addSubview(view)
    }
    
    
    var tagNumber = 0
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        print(imageViews.count) //nil　と出力される
        if tagNumber < 10 {
　　　　　　　　　　　　　　　//↓「imageViewsがnilである」というエラーが発生。
            for img in imageViews {
                if img.tag == tagNumber {
                    img.image = UIImage(named: data[tagNumber][0])
                }
            }
        }
        tagNumber += 1
    }
}

File's Ownerの方で接続しています

補足情報（FW/ツールのバージョンなど）

ツール:**XCode Version 12.5 **
使用言語:Swift5
シミュレーター:iPhone11ProMax

Comments

[hoshi-takanori]

Storyboard での接続に失敗してるのでは。あと、Storyboard からビューを生成する場合は、init(frame:) ではなく init(coder:) が呼ばれるはず…。

[tomato879241]

viewDidLoadの中で

print(imageViews.count)

を入れて、imageViewのIBOutletが幾つ配列（imageViews）に入っているか確認してみては？

[kageusu]

ありがとうございます！
かなりコードを省略してしまっているのですが、

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

func loadNib(){
guard let view = UINib(nibName: "AnimationView", bundle: nil).instantiate(withOwner: self, options: nil).first as? AnimationView else {
return
}
view.frame = self.bounds
self.addSubview(view)
}

この二つも記入していて、loadNib()に関してはinit(frame:)内に記述しています。↓
override init(frame: CGRect) {
super.init(frame: frame)
loadNib()
}

接続に関しても、imageViewを一旦全部消して、再度繋げ直して実行してみましたが、うまく行きませんでした。

viewDidLoadに関しては、このクラス自体がViewControllerではなくUIViewのクラスになっているので、
init(frame:)の方でprint(imageViews.count)をしてみましたが、10個分は格納されているようでした。
touchesBegan()でprint(imageViews.count)をすると、相変わらずnilでした...

[hoshi-takanori]

init(frame:) の中で loadNib って、やってることがおかしいと言うか、それだと AnimationView が 2 つ重なりますね。xib から読み込んだ方だけ使えばいいと思いますが…。

[kageusu]

そもそも実装から間違ってた可能性があるのですね...。
init(frame:)からloadNibを削除して実行してみました。(おそらくそういう意図でおっしゃたのではないと思いますが..)↓
override init(frame: CGRect) {
super.init(frame: frame)
// loadNib()
for img in imageViews {
img.image = UIImage(named: data[img.tag][0])
}
print(imageViews.count)
}

nilのエラーが発生しました。

再度Xibの実装について調べて、実装し直してみます！

[hoshi-takanori]

xib の File's Owner が AnimationView なら、xib のトップレベルの view を AnimationView じゃなくてただの UIView にすれば init(frame:) から loadNib で大丈夫ですね。

[kageusu]

xibのトップレベルのViewをUIViewにするというのは、クラスをUIViewに指定するということでしょうか？

[hoshi-takanori]

です。xib でクラスを UIView にして、outlet の接続先は File's Owner にして、loadNib では 〜.first as? UIView とすれば良いかと。
現状だと、loadNib の self も view も AnimationView なので、self.addSubview(view) で AnimationView が 2 重になっちゃいますので。

[kageusu]

感動です。できました！！！！！
ありがとうございます泣

[kageusu]

コメントをベストアンサーにすることってできますか・・・すいません、質問とは関係ない話で汗

[hoshi-takanori]

あ、回答欄に書きます。

[kageusu]

すいません、ありがとうございます！

Answer 1

AnimationView クラスの loadNib ですが、これだと self も view も AnimationView なので、self.addSubview(view) で AnimationView が 2 重になって、どちらかの outlet が nil のためにエラーになってると思います。
ので、xib のトップレベルの view のクラスは UIView にして、outlet の接続先は File's Owner にして、
loadNib では 〜.first as? UIView とすれば良いと思います。

    func loadNib(){
        guard let view =  UINib(nibName: "AnimationView", bundle: nil).instantiate(withOwner: self, options: nil).first as? AnimationView else {
            return
        }
        view.frame = self.bounds
        self.addSubview(view)
    }