swift 2.2 非同期通信が終わってからCollectionViewを表示するにはどうしたらいいのでしょうか

Question

swift 2.2 非同期通信が終わってからCollectionViewを表示するにはどうしたらいいのでしょうか

ストーリーボード利用しています。

もともとのサンプルではXcode内に格納した画像を扱っているのですが

http://hajihaji-lemon.com/smartphone/swift/uicolloctionviewcontroller/

Alamofireで非同期通信して取得した画像URLを利用したいです。
Alamofireでの通信が終わる前にCollectionViewの表示が終わってしまいます。

ここで確認できました。
    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of items
        print(self.articles.count)
        return 7
    }

解決方法をご存知の方いらっしゃいましたら教えてください。

また、他のサンプルも試していますが

https://sites.google.com/a/gclue.jp/swift-docs/ni-yinki100-ios/uikit/uicollectionviewwo-shiu

ストーリーボードを利用しない場合
cellにURLから取得した画像を入れようとすると
[.image ]プロパティが無いとエラーになるのですが
この理由もわかっていません。

ViewController.swift

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var testNavBar: UINavigationBar!
    @IBOutlet weak var testImageView: UIImageView!

    var testTitle:String!
    var testImage:UIImage!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        //タイトルと画像を設定する。
        testNavBar.topItem!.title = testTitle
        testImageView.image = testImage
        
    }

    //ボタン押下時の呼び出しメソッド
    @IBAction func pushButton(sender: UIBarButtonItem) {

        //モーダル表示されているビューコントローラーを解放する。
        self.dismissViewControllerAnimated(true, completion:nil)
    }

}

TestCollectionViewController.swift

import UIKit

import Alamofire
import SwiftyJSON

private let reuseIdentifier = "Cell"

class TestCollectionViewController: UICollectionViewController {
    
    var articles: [[String: String?]] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Uncomment the following line to preserve selection between presentations
        // self.clearsSelectionOnViewWillAppear = false

        // Register cell classes
        self.collectionView!.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseIdentifier)

        // Do any additional setup after loading the view.
        getArticles()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func getArticles() {
        let url :String = "https://api.flickr.com/services/rest/"
        
        let parameters :Dictionary = [
            "method"         : "flickr.interestingness.getList",
            "api_key"        : "86997f23273f5a518b027e2c8c019b0f",
            "per_page"       : "300",
            "format"         : "json",
            "nojsoncallback" : "1",
            "extras"         : "url_q,url_z",
            ]
        
        Alamofire.request(.GET, url, parameters: parameters)
            .responseJSON { response in
                
                guard let object = response.result.value else {
                    return
                }
                
                let json = JSON(object)
                
                json["photos"]["photo"].forEach { (_, json) in
                    let article: [String: String?] = [
                        "url_q": json["url_q"].string,
                        "url_z": json["url_z"].string
                    ]
                    self.articles.append(article)
                }
                print(self.articles)
        }
    }

    /*
    // MARK: - Navigation

    // In a storyboard-based application, you will often want to do a little preparation before navigation
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        // Get the new view controller using [segue destinationViewController].
        // Pass the selected object to the new view controller.
    }
    */

    // MARK: UICollectionViewDataSource

    override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }


    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of items
        print(self.articles.count)
        return 7
    }

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
//        let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath)
    
        // Configure the cell
        //セルを取得し、イメージビューに画像を設定して返す。
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("TestCell", forIndexPath: indexPath)
        let imageView = cell.contentView.viewWithTag(1) as! UIImageView
        imageView.image = UIImage(named: "item" + String(indexPath.row) + ".png")
        
        return cell
    }
    
    //セル選択時の呼び出しメソッド
    override func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
        //セグエを実行する。
        performSegueWithIdentifier("TestSegue", sender: nil)
        
    }
    
    //画面遷移実行前の呼び出しメソッド
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        
        //選択中のセルの画像を取得する。
        let index = collectionView?.indexPathsForSelectedItems()?.first
        let cell = collectionView?.cellForItemAtIndexPath(index!)
        let imageView = cell!.viewWithTag(1) as! UIImageView
        
        
        //遷移先のビューコントローラーを取得し、インスタンス変数に画像とテキストを設定する。
        let controller:ViewController = (segue.destinationViewController as? ViewController)!
        controller.testTitle = String(index!.row)
        controller.testImage = imageView.image
    }


}

Answer 1

func getArticles() {

  〜 省略 〜

    Alamofire.request(.GET, url, parameters: parameters)
        .responseJSON { response in

  〜 省略 〜
    print(self.articles)
    ******.reloadData()  //******はCollectionViewの変数名
    }
}

override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return self.articles.count
}