2016-04-07 1 views
0

Alamofireで画像をダウンロードし、正しい高さの画像を表示するためにコレクションビューを更新したいとします。フォースクエアギャラリーのような何か:SwiftのAlamofireImageを使ってコレクションビューで画像をダウンロードし、画像の高さをセル内に保持するにはどうすればよいですか?

私のクラスがある:フォースクエアの

// 
// ViewController.swift 
// ImageList 
// 
// Created by Dasoga on 4/7/16. 
// Copyright © 2016 Dasoga. All rights reserved. 
// 

import UIKit 
import Alamofire 
import AlamofireImage 


class ViewController: UIViewController, UICollectionViewDelegate,  UICollectionViewDataSource, UICollectionViewDelegateFlowLayout { 

@IBOutlet var myCollectionView: UICollectionView! 

var images:[UIImage] = [] 
var imagesURL:[String] = ["http://www.apple.com/mx/ipod/home/images/social/og.jpg?201601060706", "http://images.apple.com/home/images/og.jpg?201604","http://www.impactony.com/wp-content/uploads/2014/08/Apple-logo1.jpg","http://store.storeimages.cdn-apple.com/4973/as-images.apple.com/is/image/AppleInc/aos/published/images/i/ph/iphone6s/plus/iphone6s-plus-box-gray-2015_GEO_US?wid=478&hei=595&fmt=jpeg&qlt=95&op_sharpen=0&resMode=bicub&op_usm=0.5,0.5,0,0&iccEmbed=0&layer=comp&.v=PS8m10"] 
var ImageCache = [String:UIImage]() 

override func viewDidLoad() { 
    super.viewDidLoad() 
    // Do any additional setup after loading the view, typically from a nib. 
} 

override func didReceiveMemoryWarning() { 
    super.didReceiveMemoryWarning() 
    // Dispose of any resources that can be recreated. 
} 

func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int { 
    return 1 
} 

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

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 
    let cell = myCollectionView.dequeueReusableCellWithReuseIdentifier("myCell", forIndexPath: indexPath) as! ImageCollectionViewCell 
    cell.backgroundColor = UIColor.blueColor() 
    cell.imageViewCell.image = UIImage(named: "placeholderImage") 
    cell.imageViewCell.contentMode = UIViewContentMode.ScaleToFill 
    //Download image 
    let dishName = imagesURL[indexPath.row] 
    if let dishImage = ImageCache[dishName] { 
     cell.imageViewCell.image = dishImage 
    } 
    else { 
     let url = imagesURL[indexPath.row] 
     Alamofire.request(.GET, url) 
      .responseImage { response in 
       //debugPrint(response) 
       debugPrint(response.result) 

       if let image = response.result.value { 
        print("image downloaded: \(image)") 

        // Store the commit date in to our cache 
        self.ImageCache[dishName] = image 

        // Update the cell 
        dispatch_async(dispatch_get_main_queue(), { 
         if let cellToUpdate = self.myCollectionView.cellForItemAtIndexPath(indexPath) as? ImageCollectionViewCell{ 
          cellToUpdate.imageViewCell.image = image 
          self.images.append(image) 
         } 
        }) 

       }else{ 
        print("error getting image at cell") 
       } 
     } 
    } 
    return cell 
} 

}

例:

enter image description here enter image description here

私はこれを取得しています

enter image description here

ありがとう!!

編集:

// Update the cell 
    dispatch_async(dispatch_get_main_queue(), { 
         if let cellToUpdate = self.myCollectionView.cellForItemAtIndexPath(indexPath) as? ImageCollectionViewCell{ 
          cellToUpdate.imageViewCell.image = image 
          self.images.append(image) 
          self.myCollectionView.collectionViewLayout.invalidateLayout() 
         } 
        }) 

そして、このメソッドを呼び出します:

self.myCollectionView.collectionViewLayout.invalidateLayout() 

後:

私はこの行を追加

func collectionView(collectionView: UICollectionView,layout collectionViewLayout: UICollectionViewLayout, 
        sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize{ 
    let dishName = imagesURL[indexPath.row] 
    if let dishImage = ImageCache[dishName] { 
     print("found image") 
     return CGSizeMake(dishImage.size.width,dishImage.size.height) 
    }else{ 
     return CGSizeMake(200,200) 
    } 

} 

答えて

0

Trのあなたがしたい場合は、このコードは、画像のものと幅とセルの高さの両方を設定します

func collectionView(collectionView: UICollectionView,layout collectionViewLayout: UICollectionViewLayout, 
      sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize{ 
    let dishName = imagesURL[indexPath.row] 
     if let dishImage = ImageCache[dishName] { 
      return CGSizeMake(dishImage.frame.width,dishImage.frame.height) 
     } 

    } 

:セルのサイズをカスタマイズして、この機能を使用するために使用されているUICollectionViewDelegateFlowLayoutプロトコルを実装するには、Y別の幅を使用するには、CGSizeMakeオブジェクトの幅を変更する必要があります。

+0

ありがとう@Ezechiele UICollectionViewDelegateFlowLayoutプロトコルが実装されていて、sizeForItemAtIndexPath関数を実装しようとしたので、私の最終コードで投稿を更新するだけです。 indexPathのイメージを手に入れることができます。 – Dasoga

関連する問題