如何在CollectionView中显示照片库或相机中的选定图像?画廊视图



每个人,我是Swift的初学者,目前没有任何进展。我已经用CollectionView构建了一个视图,并想用照片库中的图片填充它。

不幸的是,我无法将UIImages创建为数组并在CollectionView中显示它们。

我可以创建一个UIImageView,并相应地将其连接到我的vc,还可以将图像加载到视图中。

但我无法将多个图像加载到CollectionView中。

如何建立自己的图库,以便从相机或照片库加载图片?

这是我以前的代码

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

@IBOutlet weak var myCollectionView: UICollectionView!
let dataArray = ["1", "2", "3", "4", "5"]
override func viewDidLoad() {
super.viewDidLoad()
// Set Delegates
self.myCollectionView.delegate = self
self.myCollectionView.dataSource = self
}
@IBAction func chooseImage(_ sender: UIBarButtonItem) {
let imagePickerController = UIImagePickerController()
imagePickerController.delegate = self
let actionSheet = UIAlertController(title: "Quelle", message: "Wähle eine Quelle aus", preferredStyle: .actionSheet)
actionSheet.addAction(UIAlertAction(title: "Kamera", style: .default, handler: { (action:UIAlertAction) in
if UIImagePickerController.isSourceTypeAvailable(.camera){
imagePickerController.sourceType = .camera
self.present(imagePickerController, animated: true, completion: nil)
} else {
print("Kamera nicht verfügbar")
}
}))
actionSheet.addAction(UIAlertAction(title: "Foto", style: .default, handler: { (action:UIAlertAction) in
imagePickerController.sourceType = .photoLibrary
self.present(imagePickerController, animated: true, completion: nil)
}))
actionSheet.addAction(UIAlertAction(title: "Abbrechen", style: .cancel, handler: nil))
self.present(actionSheet, animated: true, completion: nil)
}
func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
let image = info[UIImagePickerController.InfoKey.originalImage] as! UIImage
picker.dismiss(animated: true, completion: nil)
}

func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
picker.dismiss(animated: true, completion: nil)
}

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return dataArray.count
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ItemCell", for: indexPath) as! ItemCell
cell.setData(text: self.dataArray[indexPath.row])
return cell
}

该单元的实现方式如下。

class ItemCell: UICollectionViewCell {
@IBOutlet weak var textLabel: UILabel!
@IBOutlet weak var imageView: UIImageView!

override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
func setData(text: String) {
self.textLabel.text = text
}
func setImg(image: UIImage) {
self.imageView.image = image
}

但现在我想得到UIImages,而不是标签"1"、"2"等等,而且只有那些我用imagePickerController自己选择的。

如果我理解了这个问题,你就快到了。如果你能更明确地回答这个问题会更好,因为我可能在浪费时间。

我想你想要的是:

  • 从空图库开始
  • 当用户选择图像时,该图像将被添加到库中

UICollectionViewCell的实现看起来不错,所以我认为它会起作用。

请尝试以下步骤。

将dataArray的声明更改为

var dataArray: [UIImage] = []

将ImagePicker委托函数更改为:

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
let image = info[UIImagePickerController.InfoKey.originalImage] as! UIImage
dataArray.append(image)
picker.dismiss(animated: true, completion: nil)
self.myCollectionView.insertItems(at: [IndexPath(item: dataArray.count, section: 0)])
}

将cell.setData更改为cell.setImg

您可能需要以某种方式持久化图像,以使其变得有用。

相关内容

  • 没有找到相关文章

最新更新