1. 程式人生 > >iOS開發筆記17:自定義相機拍照

iOS開發筆記17:自定義相機拍照

hub 銷毀 用戶 做了 api 交互設計 cap iphone 結果

之前用AVFoundation自定義相機做了拍照與視頻相關的東西,為什麽要自定義呢?主要是提供更個性化的交互設計,符合app主題,對於視頻來說,也便於提供更多豐富有趣的功能。前段時間整理了下拍照部分的功能,主要分為以下五個部分

技術分享

1.初始化,建立會話,獲取攝像頭

使用AVCaptureSessionPresetPhoto模式,輸出的圖片分辨率與系統相機輸出的分辨率保持一致

技術分享

添加後置攝像頭與圖片輸出(默認采用後置攝像頭拍攝)

2.嵌入實時預覽層

獲取實時預覽畫面,添加手勢,初始化時默認在畫面中心點對焦一次並顯示對焦框,提示用戶可點擊畫面進行對焦及自動曝光調節。技術分享

3.相關設置

對焦與自動曝光調節

技術分享

閃光燈設置

技術分享

切換前後攝像頭,_isFrontCameraInput這個標識在最後輸出處理拍攝得到的照片時會用到,前置攝像頭拍攝的照片需要旋轉180度技術分享

4.拍攝獲取照片

有以下幾點需要註意下:

(1)view層點擊拍照按鈕時需要把拍攝時設備的方向信息傳過來,最後輸出照片時,會根據設備方向對圖片進行旋轉處理,使得最後輸出的結果與系統相機拍攝結果一致。

(註:目前是通過系統自帶傳感器CMMotionManager獲取到設備方向,其實也可以通過照片元數據獲取到方向信息,進而做旋轉處理)

(2)加入防抖模式,iOS8及以上系統支持。

(3)獲取拍攝照片的元數據信息

(4)確定照片裁剪範圍,裁剪範圍即拍攝預覽區域。系統拍攝獲取到照片默認是一張全屏照片,但是UI設計上拍攝預覽區域非全屏,為了保證所見即所得,需要對拍攝得到的照片進行裁剪,

在iPhone4上拍攝預覽區域是一個屏幕等寬區域(考慮到設備尺寸,iPhone4單獨設計的尺寸),其他機型上,預覽區域是一個寬高比3:4(寬度為屏幕等寬)的區域。

(5)對圖片進行裁剪及旋轉處理,裁剪方法參考:https://github.com/mbcharbonneau/UIImage-Categories

根據拍攝時設備方向信息對照片進行旋轉,前置攝像頭拍攝照片再單獨旋轉180度

技術分享

技術分享

5.View層UI及交互

具體的交互設計隨實際情況而定。

有以下幾點需要註意下:

(1)進入拍照頁面即啟動傳感器監聽,方便獲取拍攝時設備方向信息,銷毀需要關閉。

技術分享技術分享

(2)切換閃光燈效果(打開/關閉/自動)時,記得保存用戶選擇,下一次拍照時恢復該設置(與系統相機行為一致)

iOS開發筆記17:自定義相機拍照