Swift开发,相册和照相的图片保存到CollectionView

swift开发中是怎样调用相机来照相的,是怎样访问相册,然后取到相册里的相片呢?

现在有时间就写这篇文章,很适合swift开发新手学习。话不多说,直接讲解, 看效果图:


Swift开发,相册和照相的图片保存到CollectionView_第1张图片
第一张效果图



Swift开发,相册和照相的图片保存到CollectionView_第2张图片
第二张效果图


Swift开发,相册和照相的图片保存到CollectionView_第3张图片
第三张效果图





1. 首先我们来创建一个工程,取名为: FUWUText


Swift开发,相册和照相的图片保存到CollectionView_第4张图片

2. 创建完工程之后,在MainStoryboard里的控制器添加个导航栏。添加导航栏的方法:点击viewController最上面的黄色按钮,然后在桌面最上面一行找到Editor那一栏,点击Editor找到Embed In,选择navigation Controller。效果:


Swift开发,相册和照相的图片保存到CollectionView_第5张图片

3.回到我们的ViewController里写代码了。看到效果图,我们是想在ViewControll用一个CollectionView来承载图片显示,还有添加一个添加图片按钮。

    3.1首先添加一个ColletionView, 将它添加到ViewController

Swift开发,相册和照相的图片保存到CollectionView_第6张图片
3.1添加ColletionView

  3.2 添加一个添加图片的按钮, 随便给button绑定一个事件, 事件名是: AddImageAction


3.2添加按钮并绑定事件

3.3 我们要创建一个文件,继承UICollectionViewCell,我们通常说的自定义xib,只在xib里添加了一个imageView,再声明成属性:

    3.3.1 创建文件

Swift开发,相册和照相的图片保存到CollectionView_第7张图片
3.3.1创建文件

       3.3.2 在创建好的文件的xib中,拖一个ImageView放在item里,如图

Swift开发,相册和照相的图片保存到CollectionView_第8张图片
3.3.2 拖一个ImageView

     3.3.3 把imageView拉线声明成属性:


3.3.3 声明imageView属性

3.4 自定义好的xib之后,接下来就要在添加的collectionView里注册,还要遵守数据源,代理。实现数据源方法

    3.4.1 遵守数据源和代理


3.4.1遵守数据源和协议



3.4.1设置代理数据源


    3.4.2 注册自定义的xib


3.4.2注册xib代码


3.5 实现数据源方法. 先声明一个空的可变数组来接收图片,再去实现方法


3.5.1声明一个存储图片的数组


   

Swift开发,相册和照相的图片保存到CollectionView_第9张图片
3.5.2 实现数据源方法


3.6 我们在viewController的事件里已经做好界面了,只剩下点击按钮选择相册和照相了。现在就来详细介绍:

注: 实现下面的代码,需要遵守UIImagePickerControllerDelegate, UINavigationControllerDelegate 哦!!!!!

Swift开发,相册和照相的图片保存到CollectionView_第10张图片
3.6.1点击选择相片按钮弹出的框


Swift开发,相册和照相的图片保存到CollectionView_第11张图片
3.6.2 实现上面界面的代码

3.7 最后是实现UIImagePickerControllerDelegate代理方法,把取到的图片加入数组中,让数组作为collectionView的数据源.


Swift开发,相册和照相的图片保存到CollectionView_第12张图片
3.7实现代理方法


介绍完了,相信大家又学会了新知识。。。想要代码的可以留言+关注+邮箱。

谢谢大家,有新知识点我会尽快分享的~~~~~

你可能感兴趣的:(Swift开发,相册和照相的图片保存到CollectionView)