swift UICollectionView + UIImage

1.新建项目PhotoCollectionViewTest，在Main.stroyboard 的 ViewControllerScene 添加 NavigationControllerScene.
2.自定义cell。添加collectionViewCell.swift文件和collectionViewCell.xib文件。
import UIKit
class collectionViewCell: UICollectionViewCell {

@IBOutlet weak var imageha: UIImageView!
override func awakeFromNib() {
    super.awakeFromNib()
}


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

}

在collectionViewCell.xib里面添加UIColletionViewCell 和 UIImage.

jjj.png

ViewController 具体实现如下：
var collection: UICollectionView?
// 图片数组
var dataArray: [UIImage] = [UIImage]（）
override func viewDidLoad() {
super.viewDidLoad()

    let layout = UICollectionViewFlowLayout()
    // cell 尺寸
    layout.itemSize = CGSizeMake(50, 50)
    // cell 边距距离
    layout.sectionInset = UIEdgeInsetsMake(0, 20, 0, 20)
    collection = UICollectionView(frame: CGRectMake(0, 250, 375, 200), collectionViewLayout: layout)
    collection?.dataSource = self
    collection?.delegate = self
    // 背景颜色
    collection?.backgroundColor = UIColor.lightGrayColor()
    self.view.addSubview(collection!)
    
    // 创建 button
    let button = UIButton(type: UIButtonType.System)
    button.frame = CGRectMake(50, 500, 300, 50)
    button.backgroundColor = UIColor.blueColor()
    button.setTitle("添加图片", forState: .Normal)
    button.addTarget(self, action: "addImageAction", forControlEvents: .TouchUpInside)
    
    self.view.addSubview(button)
    // 注册xib,自定义cell
    collection?.registerNib(UINib(nibName: "collectionViewCell",bundle: nil), forCellWithReuseIdentifier: "cell")
   
}

// 添加图片
func addImageAction() {
    
    // 创建图片选择器
    let picker: UIImagePickerController = UIImagePickerController()
    picker.delegate = self
    
    // 创建提示框控制器
    let actions: UIAlertController = UIAlertController(title: "温馨提示", message: "请从手机相册选择照片或者拍照", preferredStyle: .ActionSheet)
    // 提示框添加三个事件：1.相册  2.拍照  3.取消操作
    // 从相册选择
    let action1: UIAlertAction = UIAlertAction(title: "从手机相册选择照片", style: .Default) { (action) -> Void in
        // 推出图片选择器,默认是相册
        self.navigationController?.presentViewController(picker, animated: true, completion: nil)
       
    }
    // 拍照操作
    let action2: UIAlertAction = UIAlertAction(title: "拍照", style: .Default) { (action) -> Void in
        
        // 调用相机之前判断设备是否有摄像头
        if UIImagePickerController.isSourceTypeAvailable(.Camera) {
            // 将图片选择器的样式设置成调用相机
            picker.sourceType = .Camera
            // 推出图片选择器
            self.navigationController?.presentViewController(picker, animated: true, completion: nil)
        } else {
            print("不支持拍照") // 模拟器不支持拍照操作
        }
    }
    
    // 取消操作
    let action3: UIAlertAction = UIAlertAction(title: "取消", style: .Cancel, handler: nil)
    
    // 添加事件到控制器
    actions.addAction(action1)
    actions.addAction(action2)
    actions.addAction(action3)
    
    // 模态推出AlertController
    self.navigationController?.presentViewController(actions, animated: true, completion: nil)
    
}

//UICollectionView 代理方法
extension ViewController: UICollectionViewDataSource, UICollectionViewDelegate {

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

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

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    
    let cell = collection?.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! collectionViewCell
    cell.imageha.image = dataArray[indexPath.item]
    return cell
}

}

// UIImagePickerController 代理方法
extension ViewController: UIImagePickerControllerDelegate, UINavigationControllerDelegate {

// 选择照片
func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject]) {
    let image: UIImage = info[UIImagePickerControllerOriginalImage] as! UIImage
    // 把图片添加到数组
    dataArray.append(image)
    picker.dismissViewControllerAnimated(true) { () -> Void in
        // 刷新界面
        self.collection?.reloadData()
    }
}

// 取消
func imagePickerControllerDidCancel(picker: UIImagePickerController) {
    
    // 删除图片选择器
    picker.dismissViewControllerAnimated(true, completion: nil)
}

}

实现效果如下图：

111.png 222.png 333.png