swift微博第21天(圖片選擇器)

圖片選擇器
  • 1师逸、UIImagePickerController介紹

    • 選擇相冊(cè)中的圖片或者拍照伸刃,都是通過(guò)UIImagePickerController控制器實(shí)例化一個(gè)對(duì)象恨憎,然后通過(guò)self.present方法推送出界面顯示撼港。
    • 使用present的類(lèi)需要實(shí)現(xiàn)UIImagePickerControllerDelegate,UINavigationControllerDelegate兩個(gè)代理督弓。
    • UIImagePickerController可以通過(guò)isSourceTypeAvailable方法來(lái)判斷設(shè)備是否支持照相機(jī)/圖片庫(kù)/相冊(cè)功能塘幅。如果支持昔案,可以通過(guò)sourceType屬性來(lái)設(shè)置圖片控制器的顯示類(lèi)型。
  • 2.下面通過(guò)一個(gè)demoswift4.0)电媳,演示如何使用UIImagePickerController

    • 點(diǎn)擊“選擇照片”踏揣,自動(dòng)打開(kāi)相冊(cè)選擇照片
    • 照片選中后,返回原界面并加載照片原圖匾乓,同時(shí)控制臺(tái)會(huì)打印照片的info信息
    • 如果選擇照片前打開(kāi)“編輯”開(kāi)關(guān)捞稿,選中照片后會(huì)先進(jìn)入照片編輯頁(yè)面
  • 3.源碼:JKSelectorPicture

  • 4.源碼使用說(shuō)明

    • 4.1.把JKSelectorPicture拖出來(lái)


      把JKSelectorPicture拖出來(lái)
    • 4.2.在使用的控制器里面

      • 4.2.1、懶加載一下控制器

        // MARK: 添加圖片選擇器
        private lazy var jkSelectorPictureVC: JKSelectorPictureViewController = {
        
           let vc = JKSelectorPictureViewController()
           vc.view.frame = CGRect(x: 0, y: 20, width: JKscreenW, height: JKscreenH-20)
           return vc
        }()
        
      • 4.2.2拼缝、在viewDidLoad()添加下面的代碼

        addChildViewController(jkSelectorPictureVC)
        view.addSubview(jkSelectorPictureVC.view)
        
  • 5.核心代碼的說(shuō)明

    • 5.1.可選的代理

      • 5.1.1.添加@objc

        @objc
        protocol JKSelectorPictureCellDelegate: NSObjectProtocol {
        
           @objc optional func photoDidAddSelector(cell:JKSelectorPictureCell)
           @objc optional func photoDidDeleteSelector(cell:JKSelectorPictureCell)
        }
        
      • 5.1.2.定義代理的變量

        weak var JKPhotoCellDelegate: JKSelectorPictureCellDelegate?
        
      • 5.1.3.代理的使用

        JKPhotoCellDelegate?.photoDidAddSelector!(cell: self)
        
      • 5.1.4.外面代理的調(diào)用(掛代理)

        cell.JKPhotoCellDelegate = self as JKSelectorPictureCellDelegate
        
      • 5.1.5.外面代理的實(shí)現(xiàn)(記得寫(xiě)上代理JKSelectorPictureCellDelegate

         // MARK: 添加圖片
         func photoDidAddSelector(cell: JKSelectorPictureCell) {
        
         }
        
    • 5.2.func photoDidAddSelector(cell: JKSelectorPictureCell)方法里面的選擇圖片的講解

      • 5.2.1.UIImagePickerController的使用時(shí)候要實(shí)現(xiàn)兩個(gè)協(xié)議UINavigationControllerDelegate, UIImagePickerControllerDelegate

      • 5.2.2.UIImagePickerControllerSourceType3種類(lèi)型

         /*
            case photoLibrary 照片庫(kù)(所有的照片娱局,拍照&用 iTunes & iPhoto `同步`的照片 - 不能刪除)
            case camera  相機(jī)
            case savedPhotosAlbum 相冊(cè) (自己拍照保存的, 可以隨便刪除)
          */
        
      • 5.2.3.選擇圖片的代碼

         // 1.判斷能否打開(kāi)照片庫(kù)
         if !UIImagePickerController.isSourceTypeAvailable(UIImagePickerControllerSourceType.photoLibrary) {
        
             print("不能打開(kāi)相冊(cè)")
             return
         }
         // 2.創(chuàng)建圖片選擇器
         /**
            設(shè)置允許用戶編輯選中的圖片
            開(kāi)發(fā)中如果需要上傳頭像, 那么請(qǐng)讓用戶編輯之后再上傳
            這樣可以得到一張正方形的圖片, 以便于后期處理(圓形)
            vc.allowsEditing = true
           */
        //初始化圖片控制器
        let picker = UIImagePickerController()
        // 設(shè)置轉(zhuǎn)場(chǎng)動(dòng)畫(huà)類(lèi)型
        //picker.modalPresentationStyle = UIModalPresentationStyle.overFullScreen
        //設(shè)置代理
        picker.delegate = self
        //指定圖片控制器類(lèi)型
        picker.sourceType = UIImagePickerControllerSourceType.photoLibrary
        //設(shè)置是否允許編輯
        picker.allowsEditing = true
        //彈出控制器,顯示界面
        present(picker, animated: true, completion: nil)
        
      • 5.2.4.選擇圖片代理方法的實(shí)現(xiàn)

         /**
           選中相片之后調(diào)用
           :param: picker      促發(fā)事件的控制器
           :param: info[UIImagePickerControllerEditedImage] as! UIImage       當(dāng)前選中的圖片
           :param: info 編輯之后的圖片
         */
         func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
        
          print("info=\(info)")
        
         /*
          注意: 一般情況下,只要涉及到從相冊(cè)中獲取圖片的功能, 都需要處理內(nèi)存
          一般情況下一個(gè)應(yīng)用程序啟動(dòng)會(huì)占用20M左右的內(nèi)存, 當(dāng)內(nèi)存飆升到500M左右的時(shí)候系統(tǒng)就會(huì)發(fā)送內(nèi)存警告, 此時(shí)就需要釋放內(nèi)存 , 否則就會(huì)閃退
          只要內(nèi)存釋放到100M左右, 那么系統(tǒng)就不會(huì)閃退我們的應(yīng)用程序
          也就是說(shuō)一個(gè)應(yīng)用程序占用的內(nèi)存20~100時(shí)是比較安全的內(nèi)容范圍
         */
         //獲取編輯后的圖片
         let image = info[UIImagePickerControllerEditedImage] as! UIImage
        
         /*
          注意: 1.如果是通過(guò)JPEG來(lái)壓縮圖片, 圖片壓縮之后是不保真的
                2.蘋(píng)果官方不推薦我們使用JPG圖片,因?yàn)楝F(xiàn)實(shí)JPG圖片的時(shí)候解壓縮非常消耗性能
          兩種壓縮方式
                 let data1 = UIImageJPEGRepresentation(image, 1.0)
                 data1?.writeToFile("/Users/xiaomage/Desktop/1.jpg", atomically: true)
                 let data2 = UIImageJPEGRepresentation(image, 0.1)
                 data2?.writeToFile("/Users/xiaomage/Desktop/2.jpg", atomically: true)
          */
        
           let newImage = image.imageWithScale(width: 300)
          // 1.將當(dāng)前選中的圖片添加到數(shù)組中
          pictureImages.append(newImage)
          print("圖片的數(shù)量=\(pictureImages.count)")
          collectionView.reloadData()
          // 注意: 如果實(shí)現(xiàn)了該方法, 需要我們自己關(guān)閉圖片選擇器
          picker.dismiss(animated: true, completion: nil)
        
        }
        
        • 5.2.5.圖片按寬度壓縮, UIImage的分類(lèi)(UIImage+Category.swif

           import UIKit
          
           extension UIImage
           {
                /**
                   根據(jù)傳入的寬度生成一張圖片
                   按照?qǐng)D片的寬高比來(lái)壓縮以前的圖片
                   :param: width 制定寬度
                 */
             func imageWithScale(width: CGFloat) -> UIImage
             {
               // 1.根據(jù)寬度計(jì)算高度
               let height = width *  size.height / size.width
               // 2.按照寬高比繪制一張新的圖片
               let currentSize = CGSize(width: width, height: height)
               UIGraphicsBeginImageContext(currentSize)
               draw(in: CGRect(origin: CGPoint.zero, size: currentSize))
               let newImage = UIGraphicsGetImageFromCurrentImageContext()
               UIGraphicsEndImageContext()
          
               return newImage!
              }
           }
          
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末咧七,一起剝皮案震驚了整個(gè)濱河市衰齐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌继阻,老刑警劉巖耻涛,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異瘟檩,居然都是意外死亡抹缕,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)墨辛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)卓研,“玉大人,你說(shuō)我怎么就攤上這事背蟆〖郑” “怎么了哮幢?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵带膀,是天一觀的道長(zhǎng)志珍。 經(jīng)常有香客問(wèn)我,道長(zhǎng)垛叨,這世上最難降的妖魔是什么伦糯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮嗽元,結(jié)果婚禮上敛纲,老公的妹妹穿的比我還像新娘。我一直安慰自己剂癌,他們只是感情好淤翔,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著佩谷,像睡著了一般旁壮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谐檀,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天抡谐,我揣著相機(jī)與錄音,去河邊找鬼桐猬。 笑死麦撵,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的溃肪。 我是一名探鬼主播免胃,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼惫撰!你這毒婦竟也來(lái)了杜秸?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤润绎,失蹤者是張志新(化名)和其女友劉穎撬碟,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體莉撇,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡呢蛤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了棍郎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片其障。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖涂佃,靈堂內(nèi)的尸體忽然破棺而出励翼,到底是詐尸還是另有隱情蜈敢,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布汽抚,位于F島的核電站抓狭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏造烁。R本人自食惡果不足惜否过,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望惭蟋。 院中可真熱鬧苗桂,春花似錦、人聲如沸告组。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)木缝。三九已至便锨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間氨肌,已是汗流浹背鸿秆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留怎囚,地道東北人卿叽。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像恳守,于是被迫代替她去往敵國(guó)和親考婴。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

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