アニメーションの座標がわかりません②

Question

流れる画面を作りたいです。
そこでlargeImageView という大きなImageviewを作り、そこに画像をつなげていき、そのlargeImageViewを動かそうと考えました。
全部で９枚（number）の画像が繋がり、流れていくと思ったのですが、シュミレーターを動かすと、
画像3.5枚分ほどの白い画面が流れた後、残り5.5枚ほどの画像が繋がって画面を流れます。
どこの座標の設定がおかしいのでしょうか。
どうしてもわかりません、よろしくお願いします。

 var imageViewArray:Array<UIImageView> = []
    let img = UIImage(named: "background")
    let imageView = UIImageView(image:img)
    imageHeight = imageView.bounds.height*CGFloat(number)
    largeImageView.frame = CGRect(x: 0, y: 0,width:self.view.frame.width,height:imageHeight)
   
 
    
    for i in 0..<number{
      let imageView = UIImageView(image:img)
      imageView.frame = CGRect(x: 0, y: CGFloat(i) * -imageView.bounds.height,width:self.view.frame.width,height:imageView.bounds.height)
//      self.view.sendSubview(toBack: imageView)
      largeImageView.addSubview(imageView)
      imageViewArray.append(imageView)
    }
    
    view.addSubview(largeImageView)
    

    // アニメーション処理

    let animation = CABasicAnimation(keyPath: "position.y")
    animation.duration = 20.0
    animation.fromValue = -view.bounds.size.height/2
    animation.toValue = imageHeight-view.bounds.size.height/2
    largeImageView.layer.add(animation, forKey: nil)

Answer 1

imageView.frame = CGRect(x: 0, y: CGFloat(i) * -imageView.bounds.height,width:self.view.frame.width,height:imageView.bounds.height)

マイナス不要では？

Comments

[aaaaaachannel]

回答ありがとうございます。
そうしても5枚が流れた後、白い画面の時間があって、最後にまた画像が現れるのですがなぜでしょうか？

[fuzzball]

全てのImageViewのY座標を教えてもらえますか？

[aaaaaachannel]

(0.0, -1200.0, 414.0, 1200.0)
(0.0, -2400.0, 414.0, 1200.0)
(0.0, -3600.0, 414.0, 1200.0)
(0.0, -4800.0, 414.0, 1200.0)
(0.0, -6000.0, 414.0, 1200.0)
(0.0, -7200.0, 414.0, 1200.0)
(0.0, -8400.0, 414.0, 1200.0)
(0.0, -9600.0, 414.0, 1200.0)
imageviewの画像は一つでfor文で回すと-の時は上の座標で+だと単純に-がプラスになります。
largeimageviewの座標は
(0.0, 0.0, 414.0, 10800.0)
です。

[fuzzball]

animate(withDuration:animations:completion:) を使ったアニメーションで試せますか？
参考: http://www.yoheim.net/blog.php?q=20150404

[aaaaaachannel]

let number =9
let largeImageView = UIImageView()
var imageHeight:CGFloat!

func setBackGround(){
//背景

var imageViewArray:Array<UIImageView> = []
let img = UIImage(named: "background")
let imageView = UIImageView(image:img)
imageHeight = imageView.bounds.height*CGFloat(number)
largeImageView.frame = CGRect(x: 0, y:-imageHeight,width:self.view.frame.width,height:imageHeight)

for i in 0..<number{
let imageView = UIImageView(image:img)
imageView.frame = CGRect(x: 0, y: CGFloat(i) * -imageView.bounds.height,width:self.view.frame.width,height:imageView.bounds.height)
// self.view.sendSubview(toBack: imageView)
largeImageView.addSubview(imageView)
imageViewArray.append(imageView)
print(imageView.frame)

}

view.addSubview(largeImageView)

// アニメーション処理
UIView.animate(withDuration: 2.0, delay: 0, options: [.curveEaseIn, .curveEaseOut], animations: {

}) { _ in
self.largeImageView.frame = CGRect(x: 0, y: 0,width:self.view.frame.width,height:self.imageHeight)
}

上のコードだと画像が動きません。largeImageViewでやろうとすることが間違いでしょうか？

[aaaaaachannel]

流れました！！animatedurationの方がやりやすかったです！ありがとうございました！！