如何在单元格末尾添加 CollectionView 自定义单元格？答案

【问题标题】：How to add CollectionView custom cell at the end of cell?如何在单元格末尾添加 CollectionView 自定义单元格？
【发布时间】：2016-12-27 06:27:29
【问题描述】：

我有图像数组，显示在集合视图中，当我单击打开图像选择器的最后一个单元格时，我创建了一个单元格。 -> 选择的图像可以设置在这个单元格中，并在最后自动添加新的单元格。（我不知道这个，请帮忙，谢谢）

CollectionView 类

class ViewController: UIViewController,UICollectionViewDelegate,UICollectionViewDataSource,UIImagePickerControllerDelegate,UINavigationControllerDelegate
{

var imagePicker = UIImagePickerController()
let reuseIdentifier = "cell" // also enter this string as the cell identifier in the storyboard
var items = ["1", "2", "3", "4", "5"]

@IBOutlet var collectionView: UICollectionView!

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.
}

// MARK: - UICollectionViewDataSource protocol

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

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! MyCollectionViewCell

   // cell.backgroundColor = UIColor.cyanColor()
    cell.btnSelectImage.setTitle(items[indexPath.row], forState: .Normal)
    cell.btnSelectImage.tag = indexPath.row
    cell.btnSelectImage.addTarget(self,action:#selector(buttonClicked),
                     forControlEvents:.TouchUpInside)
    return cell

}

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath)
{
    if indexPath.row == 0
    {
        // call your alert here
    }
}
func buttonClicked(sender:UIButton)
{
    let alertController: UIAlertController = UIAlertController(title: "Please choose a Picture".localized, message: nil, preferredStyle: UIAlertControllerStyle.ActionSheet)
    let cameraAction = UIAlertAction(title: "Camera".localized, style: UIAlertActionStyle.Default){
        UIAlertAction in
        self.openCamera()
    }
    let gallaryAction = UIAlertAction(title: "Gallery".localized, style: UIAlertActionStyle.Default){
        UIAlertAction in
        self.openGallary()
    }
    let cancelAction = UIAlertAction(title: "Cancel".localized, style: UIAlertActionStyle.Cancel){
        UIAlertAction in
    }
    alertController.addAction(cameraAction)
    alertController.addAction(gallaryAction)
    alertController.addAction(cancelAction)

    if UIDevice.currentDevice().userInterfaceIdiom == .Phone{
        self.presentViewController(alertController, animated: true, completion: nil)
    }
}
//MARK: - UIImagepickercontroller Method  -

func openCamera()
{
    if UIImagePickerController.availableCaptureModesForCameraDevice(.Rear) != nil
    {
        imagePicker.allowsEditing = true
        imagePicker.sourceType = UIImagePickerControllerSourceType.Camera
        imagePicker.showsCameraControls = true
        imagePicker.cameraCaptureMode = .Photo
        imagePicker.takePicture()

        if UIDevice.currentDevice().userInterfaceIdiom == .Phone
        {
            self.presentViewController(imagePicker, animated: true, completion: nil)
        }
    }
    else
    {
        noCamera()
    }
}

func openGallary()
{
    if UIDevice.currentDevice().userInterfaceIdiom == .Phone
    {
       imagePicker.sourceType = UIImagePickerControllerSourceType.PhotoLibrary
        self.presentViewController(imagePicker, animated: true, completion: nil)
       imagePicker.allowsEditing = true
    }
    else
    {
       imagePicker.sourceType = UIImagePickerControllerSourceType.PhotoLibrary

    }
}
func noCamera()
{
    let alertVC = UIAlertController(title: "ok", message: "Device has no camera".localized, preferredStyle: UIAlertControllerStyle.Alert)
    let okAction = UIAlertAction(title: "OK".localized, style: UIAlertActionStyle.Default, handler: nil)
    alertVC.addAction(okAction)
    presentViewController(alertVC, animated: true, completion: nil)
}

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
{

    let timestamp = Int(NSDate().timeIntervalSince1970)
    let choosenImage = info[UIImagePickerControllerEditedImage] as! UIImage


    var indexPath = NSIndexPath(forRow: 0, inSection: 0)
    let cell  = collectionView.cellForItemAtIndexPath(indexPath) as! MyCollectionViewCell

    cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal)


    collectionView.reloadData()

    dismissViewControllerAnimated(true, completion: nil)

}
func imagePickerControllerDidCancel(picker: UIImagePickerController)
{
    dismissViewControllerAnimated(true, completion: nil)
} 

}

CollectionViewCell

class MyCollectionViewCell: UICollectionViewCell
{

 @IBOutlet var btnSelectImage: UIButton!

}

-为图片创建数组，显示在collectionview中

【问题讨论】：

你的问题解决了吗？
@SunilPrajapati 是的，但需要为此提供连击代码

标签： swift uicollectionview uiimagepickercontroller uicollectionviewcell

【解决方案1】：

请仅编辑方法并添加一些方法：

var imagePicker = UIImagePickerController()
var selectedImage : UIImage?

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

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! MyCollectionViewCell

    cell.btnSelectImage.setTitle(items[indexPath.row], forState: .Normal)
    cell.btnSelectImage.addTarget(self,action:#selector(buttonClicked),
                 forControlEvents:.TouchUpInside)

    cell.btnSelectImage.setBackgroundImage(selectedImage, forState: .Normal)//setBackground image of button
    return cell
}


func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath)
{
    //because need open imagePicker only last cell
    //IF YOU WANT TO OPEN IMAGEPICKER CLICK ON BUTTON THEN ADD COMMENT BELOW LINE
    if indexPath.row == self.items.count-1 
    {
        self.configuringImagePickerController()
    }
}

func buttonClicked(sender:UIButton)
{
   self.configuringImagePickerController()//If you want open imagepicker click on button
}

func configuringImagePickerController()
{
    let alertController: UIAlertController = UIAlertController(title: "Please choose a Picture".localized, message: nil, preferredStyle: UIAlertControllerStyle.ActionSheet)
    let cameraAction = UIAlertAction(title: "Camera".localized, style: UIAlertActionStyle.Default){
        UIAlertAction in
        self.openCamera()
    }

    let gallaryAction = UIAlertAction(title: "Gallery".localized, style: UIAlertActionStyle.Default){
        UIAlertAction in
        self.openGallary()
    }
    let cancelAction = UIAlertAction(title: "Cancel".localized, style: UIAlertActionStyle.Cancel){
       UIAlertAction in
    }
    alertController.addAction(cameraAction)
    alertController.addAction(gallaryAction)
    alertController.addAction(cancelAction)

    self.presentViewController(alertController, animated: true, completion: nil)
}

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
{
    selectedImage = info[UIImagePickerControllerEditedImage] as! UIImage
    collectionView.reloadData()
    dismissViewControllerAnimated(true, completion: nil)
}

【讨论】：

如果不起作用或者您需要其他帮助，请在此处发表评论
显示带有缩放图像的弹出窗口。当我点击其他单元格时

【解决方案2】：

基本上你必须创建一个item类型的对象，因为它是你collectionview的数据源，最后将它添加到item数组中，然后重新加载collectionview。

可能您需要在func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject]) 方法中执行此操作。

编辑：

var items = [UIImage]()

//可能有一些图片对象

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! MyCollectionViewCell

   // cell.backgroundColor = UIColor.cyanColor()
   // cell.btnSelectImage.setTitle(items[indexPath.row], forState: .Normal)
   // cell.btnSelectImage.tag = indexPath.row
   // cell.btnSelectImage.addTarget(self,action:#selector(buttonClicked),
                     forControlEvents:.TouchUpInside)
    let choosenImage = items[indexPath.row]
    cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal)
    return cell

}





func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
{

   /* let timestamp = Int(NSDate().timeIntervalSince1970)
    let choosenImage = info[UIImagePickerControllerEditedImage] as! UIImage


    var indexPath = NSIndexPath(forRow: 0, inSection: 0)
    let cell  = collectionView.cellForItemAtIndexPath(indexPath) as! MyCollectionViewCell

    cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal)
*/
    let choosenImage = info[UIImagePickerControllerEditedImage] as! UIImage
    self.items.append(choosenImage)
    collectionView.reloadData()    
    dismissViewControllerAnimated(true, completion: nil)

}

【讨论】：

如何在此数组中添加图像，以及如何在单元格按钮中显示此图像。？
你的数据源是字符串类型，单元格没有图像视图。你想如何显示图像？
我需要在按钮背景中图像，cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal) 来自图像选择器
items 数组是临时的，你也可以创建这个 UIimage 数组，请你告诉我如何在数据源中添加这个图像
更新的答案..你必须先通过一些基本教程才能询问 SO..尝试关注 appcoda、ray wenderlich 或任何

【解决方案3】：

// MARK:-
var images:[Images]=[]
//MARK:- UICollectionViewDataSource protocol
func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
 return self.images.count+1
}
func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
if indexPath.row == images.count{
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("newCell", forIndexPath: indexPath) as! MyNewCollectionViewCell
return cell 
}
else{
let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! MyCollectionViewCell
// cell.backgroundColor = UIColor.cyanColor()
cell.btnSelectImage.setTitle(images[indexPath.row].image, forState: .Normal)
cell.btnSelectImage.tag = indexPath.row
cell.btnSelectImage.addTarget(self,action:#selector(buttonClicked),
                 forControlEvents:.TouchUpInside)
return cell
}
}
func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath)
{
if indexPath.row == images.count
{
// call the uipicker opening method here.
}}

从 UIImagePickerView 委托接收的图像模型

class Images{
    var image:UIImage?
}

【讨论】：

谢谢，添加新单元格，但是我如何在新创建的单元格中添加选定的图像，来自图像选择器
创建一个模型来存储从 uIImagePicker 视图委托方法 didFinishPickingMediaWithInfo 接收到的图像，并使用该模型的数组而不是 items 数组。希望你明白我想说的吗？
是的，我明白你的意思，但我不知道如何创建模态数组。
请给我任何参考或代码。图片未显示在按钮中。
请查看编辑后的代码。我已经为图像创建了模型，还为图像创建了一个对象数组，您只需附加从 UIImagePickerView 委托方法获得的图像

【解决方案4】：

我的方法是让 var 说 itemsCount 初始化为 1 而不是你的 var items 这是一个数组 。还有一组图像。

var itemsCount = 1
var images = [UIImage]()

// MARK: - UICollectionViewDataSource protocol

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

在集合视图的数据源方法中返回itemsCount。

func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath)
{
if indexPath.row == self.itemsCount - 1
{
    // call your alert here
}
}

检查所选的 indexPath 是否是最后一个单元格，因为根据您的要求，您需要在单击最后一个单元格时显示 imagePicker。

现在添加一个单元格，当图像被成功拾取时

func imagePickerController(picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : AnyObject])
{

let timestamp = Int(NSDate().timeIntervalSince1970)
let choosenImage = info[UIImagePickerControllerEditedImage] as! UIImage

//Change 1
var indexPath = NSIndexPath(forRow: self.itemsCount -1, inSection: 0)
self.images.append(choosenImage)
let cell  = collectionView.cellForItemAtIndexPath(indexPath) as! MyCollectionViewCell

cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal)
//Change 2

self.itemsCount += 1

collectionView.reloadData()

dismissViewControllerAnimated(true, completion: nil)

}

在标有 Change 1 和 change 2 的代码中进行更改。并缓存图像，因为在 cellForRowAtIndexPath 中您没有设置图像，并且新的 dequed 单元格可能有也可能没有图像。此外，图像可能会因单元格出队而有所不同。要设置标题，您可以使用

 cell.btnSelectImage.setTitle(String(self.itemsCount), forState: .Normal)
 if images.indices.contains(indexPath.row) {
   cell.btnSelectImage.setBackgroundImage(self.images[indexPath.row], forState: .Normal)
 }

最后，插入新单元格而不是重新加载整个集合视图会更便宜。

【讨论】：

cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal) 无法正常工作，单元格中未显示图像，如何设置背景图像
我刚刚编辑了我的答案。核实。为什么它不显示，我已经在 cellForRowAtIndexPath 的最后一段中解释了。
itemsCount 和图像是实例变量。我已将方法名称放在其余部分。最终块将进入 cellForRowAtIndexPath 方法。
感谢您的帮助，我试试这个。
您必须在 viewDidLoad 中设置委托。即 self.imagePicker.delegate = self

【解决方案5】：

你的单元格不是用图像填充的，所以我建议使用字典数据结构而不是数组。将图像更新为项目字典以获取更改时的索引路径，然后重新加载数据。

var items:[Int:Any] = [1: NSNull() , 2: NSNull(), 3: NSNull(), 4: NSNull(), 5: NSNull()]

在委托调用中：

func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! MyCollectionViewCell

    // cell.backgroundColor = UIColor.cyanColor()
    cell.btnSelectImage.setTitle(items[indexPath.row], forState: .Normal)
    cell.btnSelectImage.tag = indexPath.row

    if let choosenImage = items[indexPath.row+1] as? UIImage {
        print(choosenImage)
        cell.btnSelectImage.setBackgroundImage(choosenImage, forState: .Normal)
    } else {
        cell.btnSelectImage.setBackgroundImage(nil, forState: .Normal)
        print("no image exist")
    }

    cell.btnSelectImage.addTarget(self,action:#selector(buttonClicked),
                                  forControlEvents:.TouchUpInside)
    return cell

}

更新图像选择器回调的字典。

let choosenImage = info[UIImagePickerControllerEditedImage] as! UIImage
items.updateValue(choosenImage, forKey: yourIndexPath)

【讨论】：