Как анимировать вид снизу вверх для галереи в swift4

#ios #uicollectionview #swift4 #nsindexpath

#iOS #uicollectionview #swift4 #nsindexpath

Вопрос:

Я впервые пытаюсь сделать анимацию. Здесь моя задача состоит в том, чтобы коллекция изображений должна анимироваться снизу. Я пытаюсь перейти по этой ссылке. В этом примере, wow, изображения анимируются снизу вверх, это то, как я хочу. Что бы я ни пробовал, это приведено ниже. и я получаю сообщение об ошибке типа

Не удается вызвать ‘visibleCells’ без аргументов

Если кто-нибудь поможет мне сделать это, было бы здорово. Заранее благодарю вас

 import UIKit

class GalleryViewController: UIViewController {

    @IBOutlet weak var collectionview_gallery: UICollectionView!
    var imgarr = [UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png"),UIImage(named: "1.png"),UIImage(named: "11.png"),UIImage(named: "111.png"),UIImage(named: "1111.png")]
    override func viewDidLoad() {
        super.viewDidLoad()
        collectionview_gallery.delegate = self
        collectionview_gallery.dataSource = self
        collectionview_gallery.register(UINib(nibName: "GalleryCollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "GalleryCollectionViewCell")
    }
    override func viewWillAppear(_ animated: Bool) {
        animateTable()
    }

    func animateTable() {
        collectionview_gallery.reloadData()

        let cells = collectionview_gallery.visibleCells()
        let tableHeight: CGFloat = collectionview_gallery.bounds.size.height

        for i in cells {
            let cell: UICollectionViewCell = i as UICollectionViewCell
            cell.transform = CGAffineTransformMakeTranslation(0, tableHeight)
        }

        var index = 0

        for a in cells {
            let cell: UICollectionViewCell = a as UICollectionViewCell
            UIView.animateWithDuration(1.5, delay: 0.05 * Double(index), usingSpringWithDamping: 0.8, initialSpringVelocity: 0, options: nil, animations: {
                cell.transform = CGAffineTransformMakeTranslation(0, 0);
            }, completion: nil)

            index  = 1
        }
    }


}
extension GalleryViewController: UICollectionViewDelegate,UICollectionViewDataSource{
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 50

    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionview_gallery.dequeueReusableCell(withReuseIdentifier: "GalleryCollectionViewCell", for: indexPath) as! GalleryCollectionViewCell
        cell.image_gallery.image = imgarr[indexPath.row]
        return cell
    }


}
  

Ответ №1:

вот простой процесс, как анимировать изображение снизу вверх. Здесь анимация GIF-изображения снизу вверх. вы бы следили за процессом.

 @IBOutlet weak var eblLogo: UIImageView!
@IBOutlet var nrbcGif: UIImageView?

var heightScrren : CGFloat = 0.0

override func viewDidLoad() {
    super.viewDidLoad()

    let logoHeight = eblLogo.frame.origin.y   eblLogo.frame.height   10
    heightScrren = logoHeight
    nrbcGif?.loadGif(name: "spin")

}

override func viewDidAppear(_ animated: Bool) {
    UIView.animate(withDuration: 2, delay: 1, options: [.curveEaseOut],
                   animations: {

                    self.nrbcGif?.center.y -= self.view.bounds.height - 500
                    self.view.layoutIfNeeded()

    }, completion: nil)
}
  

}

Комментарии:

1. это для XIB или Storyboard?? и мне нужна анимация для галереи.. Означает, что одно за другим изображения должны отображаться снизу вверх.