iOS学习:调用相机和相册,选择图片上传


今天在项目中要实现一个上传头像功能,点击修改头像行弹出拍照或者从相册选择来设置头像。


实现效果如下图:

iOS学习:调用相机和相册,选择图片上传_第1张图片


iOS有两种的拍照和视频的方式:

方法A:直接使用UIImagePickerController,这个类提供了一个简单便捷的拍照与选择图片库里图片的功能。

方法B:另一种是通过AVFoundation.framework框架完全自定义拍照的界面和选择图片库界面。


一、使用UIImagePickerController的具体操作如下:

提示:首先对应的viewController必须遵循以下协议:

1、调用接口前,我们需要先判断当前设备是否支持UIImagePickerController,用isSourceTypeAvailable:来判断是否可用。我直接在点击修改头像后调用chooseImage方法进行判断:

iOS学习:调用相机和相册,选择图片上传_第2张图片
判断是否支持相机  

      UIActionSheet是在iOS弹出的选择按钮项,可以添加多项,并为每项添加点击事件,当不支持相机时不显示拍照选项。cancelButtonTitle 和 destructiveButtonTitle是系统自动的两项,otherButtonTitles是自己定义的项,注意,最后一个参数要是nil。


2、实现相应的Action Sheet的选项的事件,对应UIActionSheetDelegate中的 -(void)actionSheet:(UIActionSheet *)actionSheet clickedButtonAtIndex:(NSInteger)buttonIndex 方法:

iOS学习:调用相机和相册,选择图片上传_第3张图片
ActionSheetDelegate事件

3、实现ImagePicker delegate 事件,获得已拍摄或者选择的图片,最后调用写好的upload方法将图片上传到服务器。


iOS学习:调用相机和相册,选择图片上传_第4张图片
选择获取图片类型

4、这里调用相机是系统自带的,默认提示都为英文,可以修改英文标题为中文,如cancel换为取消等。直接在项目的supporting files目录中的Info.plist中设置Localization native development region为China.


iOS学习:调用相机和相册,选择图片上传_第5张图片
提示文字中英文切换

5、保存图片

iOS学习:调用相机和相册,选择图片上传_第6张图片
保存图片至沙盒

6、点击图片预览,放大缩小带动画。

iOS学习:调用相机和相册,选择图片上传_第7张图片
图片预览


二、通过AVFoundation.framework框架完全自定义



待补充.....



你可能感兴趣的:(iOS学习:调用相机和相册,选择图片上传)