Day 4 - ScrollView,視頻采集

不完整效果圖如下

不完整效果圖

今天了解學(xué)習(xí)ScrollView

1趟脂、搭建UI

這里我們使用XIB
拖入ScrollView,添加約束例衍,上下左右 0


拖入

<br />
約束


約束
  • gif中可以看到有三個(gè)View昔期,這里我們創(chuàng)建三個(gè)VC,并且使用XIB
    1佛玄、command + n
    2硼一、選擇IOS下的Source
    3、選擇Cocoa Touch Class
    4梦抢、語言選擇Swift
    5般贼、勾上XIB


    如圖

重復(fù)1-5步創(chuàng)建三個(gè)VC

三個(gè)VC
  • 分別在三個(gè)VC的XIB中添加一個(gè)ImageView,在CenterViewController中再添加一個(gè)View奥吩,用于顯示視頻采集


    如圖
在分別拖線到各自的VC中哼蛆。

來到ViewController中,加載三個(gè)VC,并且把VC的View添加到ScrollView中

let leftVC :LeftViewController = LeftViewController(nibName: "LeftViewController", bundle: nil)
        let centerVC :CenterViewController = CenterViewController(nibName: "CenterViewController", bundle: nil)
        let rightVC :RightViewController = RightViewController(nibName: "RightViewController", bundle: nil)
        
        
        self.addChildViewController(leftVC)
        self.scrollView.addSubview(leftVC.view)
        leftVC.didMoveToParentViewController(self)
        
        
        self.addChildViewController(centerVC)
        self.scrollView.addSubview(centerVC.view)
        centerVC.didMoveToParentViewController(self)
        
        self.addChildViewController(rightVC)
        self.scrollView.addSubview(rightVC.view)
        rightVC.didMoveToParentViewController(self)
        
        var centerFrame : CGRect = centerVC.view.frame
        centerFrame.origin.x = self.view.frame.width
        centerVC.view.frame = centerFrame
        
        var rightFrame : CGRect = rightVC.view.frame
        rightFrame.origin.x = self.view.frame.width * 2
        rightVC.view.frame = rightFrame
        
        self.scrollView.contentSize = CGSize(width: self.view.frame.width * 3, height: 0)
        self.scrollView.pagingEnabled = true

<br />

2圈驼、為第一個(gè)ImageView添加手勢(shì)人芽、動(dòng)畫

進(jìn)入LeftViewController,如果你的命名不同就自行對(duì)應(yīng)绩脆。
添加手勢(shì)

let pan: UIPinchGestureRecognizer? = UIPinchGestureRecognizer(target: self, action: #selector(LeftViewController.pinchEvent(_:)))
        imageView.userInteractionEnabled = true
        imageView.addGestureRecognizer(pan!)

<br />
實(shí)現(xiàn)手勢(shì)方法

func pinchEvent(pinch : UIPinchGestureRecognizer){
//手勢(shì)
        let scale : CGFloat = pinch.scale
        pinch.view?.transform = CGAffineTransformMakeScale(scale, scale)
        
//動(dòng)畫
        if pinch.state == UIGestureRecognizerState.Ended {
            UIView.animateWithDuration(0.5, delay: 0, usingSpringWithDamping: 0.35, initialSpringVelocity: 0, options: UIViewAnimationOptions.CurveLinear, animations: {
                    pinch.view?.transform = CGAffineTransformIdentity
                }, completion: { (a) in
                    print("animation finish")
            })
        }
    }

<br />

3萤厅、視頻采集

這里有概念介紹:大神地址

import UIKit
import AVFoundation

class CenterViewController: UIViewController , UIImagePickerControllerDelegate,UINavigationControllerDelegate{

    @IBOutlet weak var cameraView: UIView!
    @IBOutlet weak var imageView: UIImageView!
    
    var captureSession : AVCaptureSession?
    var stillImageOutPut : AVCaptureStillImageOutput?
    var preViewLayer : AVCaptureVideoPreviewLayer?
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        UIApplication.sharedApplication().statusBarHidden = true
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    
    override func viewDidAppear(animated: Bool) {
        super.viewWillAppear(animated)
        preViewLayer?.frame = self.view.bounds
    }
    
    override func viewWillAppear(animated: Bool) {
        
        super.viewWillAppear(animated)
        
        //創(chuàng)建對(duì)象
        captureSession = AVCaptureSession()
        //分辨率
        captureSession?.sessionPreset = AVCaptureSessionPreset1920x1080
        
        let backCamera = AVCaptureDevice.defaultDeviceWithMediaType(AVMediaTypeVideo)
        var error : NSError?
        var input : AVCaptureDeviceInput!
        
        do{
            input = try AVCaptureDeviceInput(device: backCamera)}
        catch let error1 as NSError{
            error = error1
            input = nil
        }
        
        if error == nil && captureSession?.canAddInput(input) != nil
        {
            captureSession?.addInput(input)
            
            stillImageOutPut = AVCaptureStillImageOutput()
            stillImageOutPut?.outputSettings = [AVVideoCodecKey : AVVideoCodecJPEG]
            
            if captureSession?.canAddOutput(stillImageOutPut) != nil
            {
                captureSession?.addOutput(stillImageOutPut)
                
                preViewLayer = AVCaptureVideoPreviewLayer(session: captureSession)
                preViewLayer?.videoGravity = AVLayerVideoGravityResizeAspect
                preViewLayer?.connection.videoOrientation = AVCaptureVideoOrientation.Portrait
                cameraView.layer.addSublayer(preViewLayer!)
                captureSession?.startRunning()
            }
        }
    }
    
    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
        super.touchesBegan(touches, withEvent: event)
        
        //點(diǎn)擊屏幕保存圖片
        showImage()
        
    }
    
    
    var didTakePhoto = Bool()
    
    func showImage(){
        if didTakePhoto == true {
            self.imageView.hidden = true
            didTakePhoto = false
        }else{
            didTakePhoto = true
            captureSession?.startRunning()
            clickScreenTakePhoto()
        }
    }
    
    
    
    func clickScreenTakePhoto(){
        if let videoConnection = stillImageOutPut?.connectionWithMediaType(AVMediaTypeVideo) {
            //方向
            videoConnection.videoOrientation = AVCaptureVideoOrientation.Portrait
            stillImageOutPut?.captureStillImageAsynchronouslyFromConnection(videoConnection, completionHandler: { (sampleBuffer, error) in
                
                if sampleBuffer != nil{
                    let imageData = AVCaptureStillImageOutput.jpegStillImageNSDataRepresentation(sampleBuffer)
                    let dataProvider = CGDataProviderCreateWithCFData(imageData)
                    let cgImageRef = CGImageCreateWithJPEGDataProvider(dataProvider, nil, true, CGColorRenderingIntent.RenderingIntentDefault)
                    let image = UIImage(CGImage: cgImageRef!, scale: 1.0, orientation: UIImageOrientation.Right)
                    
                    self.imageView.image = image
                    self.imageView.hidden = false
                    
                    UIImageWriteToSavedPhotosAlbum(image, self, #selector(CenterViewController.image(_:didFinishSavingWithError:contextInfo:)),nil)
                }
            })
        }
    }
    
    func image(image: UIImage, didFinishSavingWithError: NSError?, contextInfo: AnyObject) {
        
        if didFinishSavingWithError == nil {
            showSuccessView()
            return
        }
        print("OK")
    }
    
    func showSuccessView(){
        let alert : UIAlertController? = UIAlertController(title: "提示", message: "圖片保存成功咯", preferredStyle: UIAlertControllerStyle.Alert)
        
        let action: UIAlertAction = UIAlertAction(title: "確定", style: UIAlertActionStyle.Cancel) { (cancel) in
            
        }
        alert?.addAction(action)
        self.presentViewController(alert!, animated: true, completion: nil)
    }
    
}

OK,到這里就完成今天的東西了

DEMO地址

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末橄抹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惕味,更是在濱河造成了極大的恐慌楼誓,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件名挥,死亡現(xiàn)場(chǎng)離奇詭異疟羹,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)禀倔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門榄融,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人救湖,你說我怎么就攤上這事愧杯。” “怎么了鞋既?”我有些...
    開封第一講書人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵力九,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我邑闺,道長(zhǎng)跌前,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任陡舅,我火速辦了婚禮抵乓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蹭沛。我一直安慰自己臂寝,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開白布摊灭。 她就那樣靜靜地躺著咆贬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪帚呼。 梳的紋絲不亂的頭發(fā)上掏缎,一...
    開封第一講書人閱讀 51,688評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音煤杀,去河邊找鬼眷蜈。 笑死,一個(gè)胖子當(dāng)著我的面吹牛沈自,可吹牛的內(nèi)容都是我干的酌儒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼枯途,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼忌怎!你這毒婦竟也來了籍滴?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤榴啸,失蹤者是張志新(化名)和其女友劉穎孽惰,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鸥印,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡勋功,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了库说。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片狂鞋。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖璃弄,靈堂內(nèi)的尸體忽然破棺而出要销,到底是詐尸還是另有隱情,我是刑警寧澤夏块,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站纤掸,受9級(jí)特大地震影響脐供,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜借跪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一政己、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掏愁,春花似錦歇由、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至辛掠,卻和暖如春谢谦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背萝衩。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工回挽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人猩谊。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓千劈,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親牌捷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子墙牌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容