imageIO完成漸進(jìn)加載圖片

一、常見(jiàn)漸進(jìn)加載圖片模式
 
　　目前我們看到的漸進(jìn)加載主要有以下三種實(shí)現(xiàn)方式:
 
　　1)  依次從web上加載不同尺寸的圖片，從小到大。最開(kāi)始先拉取一個(gè)小縮略圖做拉伸顯示，然后拉取中等規(guī)格的圖，拉取完畢直接覆蓋顯示，最后拉取原圖，拉取完成后顯示原圖。
 
　　2）直接從web上拉取最大的圖片，每接受一點(diǎn)兒數(shù)據(jù)就顯示一點(diǎn)兒圖片，這樣就會(huì)實(shí)現(xiàn)從上到下一點(diǎn)點(diǎn)刷新出來(lái)的效果。
 
　　3）結(jié)合第1種和第2種，先拉取一個(gè)縮略圖做拉伸顯示，然后采用第二種方法直接拉取原圖，這樣即可以實(shí)現(xiàn)漸進(jìn)加載，也可以節(jié)省幾次中間的網(wǎng)絡(luò)請(qǐng)求。
 
 
 
二、通過(guò)imageIO實(shí)現(xiàn)圖片的漸進(jìn)加載
 
　　imageIO的guide中原話是這么說(shuō)的: "If you have a very large image, or are loading image data over the web, you may want to create an incremental image source so that you can draw the image data as you accumulate it. "
 
　　翻譯過(guò)來(lái)就是: "如果你想加載一副特別大的圖片，或者從網(wǎng)絡(luò)上加載一副圖片，你可以通過(guò)創(chuàng)建一個(gè)imageSource實(shí)現(xiàn)漸進(jìn)加載的效果。"翻譯的不是很地道，大概就是這么個(gè)意思，以前在做PowerCam的時(shí)候，當(dāng)時(shí)為了在iOS上處理超大圖的時(shí)候也試過(guò)這種方法，當(dāng)時(shí)測(cè)試使用的是一副中國(guó)地圖，分辨率為10000*8000的，結(jié)果是當(dāng)整幅圖片加載到內(nèi)存時(shí)，內(nèi)存吃不消，于是就放棄了?，F(xiàn)在想想對(duì)于這種超大圖片的處理，我們可以采用分片的方式進(jìn)行，每次只需要處理一小塊圖片即可，這個(gè)問(wèn)題就留給大家思考吧。
 
　　今天我們要討論的是CGImageSource實(shí)現(xiàn)從web端漸進(jìn)加載圖片，要達(dá)到這個(gè)目的我們需要?jiǎng)?chuàng)建一個(gè)URLConnnection，然后實(shí)現(xiàn)代理，每次接收到數(shù)據(jù)時(shí)更新圖片即可。下面主要的實(shí)現(xiàn)源碼:
 

　　從上面代碼中我們可以看到，一開(kāi)始我們根據(jù)傳入的URL創(chuàng)建一個(gè)URLConnection，同時(shí)創(chuàng)建一個(gè)空的CGImageSource，然后在每次收到數(shù)據(jù)的時(shí)候調(diào)用CGImageSourceUpdateData更新imageSource的數(shù)據(jù)，接著調(diào)用CGImageSourceCreateImageAtIndex獲取最新的圖片即可。
 
　　怎么樣，看到上面的實(shí)現(xiàn)是不是感覺(jué)實(shí)現(xiàn)從web上漸進(jìn)加載圖片很簡(jiǎn)單，雖然imageIO幫我們做了很多事情，但是我們也應(yīng)該了解它的原理。我們知道文件都是有格式的，一般文件的頭部會(huì)記錄一些關(guān)于文件格式的數(shù)據(jù)，后面就是實(shí)際的文件數(shù)據(jù)。
 
　　拿最簡(jiǎn)單的BMP圖片文件舉例:
 
　　1)  最開(kāi)始的BITMAPFILEHEADER，這部分主要記錄文件的大小，以及實(shí)際的圖像數(shù)據(jù)離文件頭的距離。
 
　　2)  接著是BITMAPINFOHEADER，這部分主要記錄圖片的寬，高，位深等信息
 
　　3）可選的調(diào)色板信息
 
　　4）最后一部分就是實(shí)際的圖片數(shù)據(jù)。
 
　　前三部分的信息很小，一般加起來(lái)不會(huì)超過(guò)100個(gè)字節(jié)，獲取到這寫(xiě)信息以后，我們就可以很輕松的根據(jù)后面的數(shù)據(jù)構(gòu)建出圖片，當(dāng)數(shù)據(jù)獲取的越來(lái)越完整的時(shí)候，我們構(gòu)造出的圖片就會(huì)越完整，直至全部加載完成。
 
　　BMP格式是簡(jiǎn)單的圖片格式，其他的JPG，PNG雖然結(jié)果更加復(fù)雜，但是總體構(gòu)成都差不多。imageIO正是幫助我們完成了眾多圖片格式的編解碼，然后一步步構(gòu)造出最終的圖片。

使用imageIO獲取圖片的exif信息
一幅圖片除了包含我們能看見(jiàn)的像素信息，背后還包含了拍攝時(shí)間，光圈大小，曝光等信息。UIImage類將這些細(xì)節(jié)信息都隱藏了起來(lái)，只提供我們關(guān)心的圖片尺寸，圖片方向等。我們可以通過(guò)imageIO框架獲取到圖片背后的所有信息，下面就讓我們一起看看。
 
　　imageIO框架是iOS中偏底層一點(diǎn)兒的框架，它內(nèi)部提供的接口都是C風(fēng)格的，關(guān)鍵數(shù)據(jù)也都是使用CoreFoundation進(jìn)行存儲(chǔ)。慶幸的是CoreFoundation中有很多數(shù)據(jù)類型都可以上層的數(shù)據(jù)Foundation框架中的數(shù)據(jù)類型進(jìn)行無(wú)縫橋接。這也就大大方便了我們對(duì)圖片信息的操作。
 
　　CGImageSourceRef是整個(gè)imageIO的入口，通過(guò)它我們可以完成從文件的加載圖片。加載完成以后我們就得到一個(gè)CGImageSourceRef，通過(guò)CGImageSourceRef我們就可以獲取圖片文件的大小，UTI(uniform type identifier)，內(nèi)部包含幾張圖片，訪問(wèn)每一張圖片以及獲取每張圖片對(duì)應(yīng)的exif信息等。
 
　　你可能會(huì)有一個(gè)疑問(wèn)，為什么會(huì)有幾張圖片呢？
 
　　這塊兒我解釋一下，imageSourceRef和文件是一一對(duì)應(yīng)的，通常我們見(jiàn)到的圖片文件(例如jpg，png)內(nèi)部都只有一張圖片，這種情況我們通過(guò)CGImageSourceGetCount方法得到的就會(huì)是1。但是不能排除一個(gè)圖片文件中會(huì)有多種圖片的情況，例如gif文件，這個(gè)時(shí)候一個(gè)文件中就可能包含幾張甚至幾十張圖片。前面我寫(xiě)的一片博客《IOS中如何解析并顯示Gif》就是通過(guò)imageSource實(shí)現(xiàn)加載和解析gif的功能。
 
　　下面是系統(tǒng)相機(jī)拍的照片的exif信息:

　　目前市面上的大部分?jǐn)?shù)碼相機(jī)和手機(jī)都會(huì)內(nèi)置一個(gè)方向感應(yīng)器，拍出的照片中會(huì)寫(xiě)如方向信息，但是通常都只會(huì)有前四種方向。這幾種Mirrored方向通常都是手機(jī)前置攝像頭自拍的時(shí)候才會(huì)設(shè)置。
 
　　exif為什么要搞這么一個(gè)方向呢？
 
　　幾乎所有的攝像頭在出場(chǎng)的時(shí)候成相芯片都是有方向的，拍出來(lái)的照片的像素都是默認(rèn)方向的。如果每拍一張照片就對(duì)這些像素進(jìn)行旋轉(zhuǎn)，如果數(shù)碼相機(jī)每秒連拍20張來(lái)算，旋轉(zhuǎn)操作將會(huì)非常耗時(shí)。更聰明的做法是拍照時(shí)只記錄一個(gè)方向，然后顯示的時(shí)候按方向顯示出來(lái)即可。因此exif定義了一個(gè)標(biāo)準(zhǔn)的方向參數(shù)，只要讀圖的軟件都來(lái)遵守規(guī)則，加載時(shí)候讀取圖片方向，然后做相應(yīng)的旋轉(zhuǎn)即可。這樣既可以達(dá)到快速成像的目的，又能達(dá)到正確的顯示，何樂(lè)而不為呢。
 
　　常見(jiàn)的圖片瀏覽和編輯軟件都遵守這個(gè)規(guī)則，但是有一個(gè)我們最常用的看圖軟件(windows自帶的看圖程序)不會(huì)去讀這個(gè)方向，因此我們將數(shù)碼相機(jī)和手機(jī)拍出來(lái)的圖片導(dǎo)入windows上時(shí)，會(huì)經(jīng)常遇到方向錯(cuò)誤的問(wèn)題。不知道windows帝國(guó)是怎么想的，或許和定義exif的組織有什么過(guò)節(jié)吧。
 
　　圖片信息中除了上面看提到的那些，還有拍攝的GPS信息，iOS自帶的相冊(cè)軟件中的地點(diǎn)tab就是按照GPS信息實(shí)現(xiàn)的。還有很多其他的信息，感興趣的可以自己寫(xiě)個(gè)程序研究研究，這里就不展開(kāi)了。