Just My Life & My Work

Archive for 2013 年 12 月 21 日

[iOS] 三層級顯示影像 (Three-Level Display Image)

很多時候在APP顯示的影像是來自網路，這時候我們會想到，若沒有網路時還想顯示影像該怎麼辦？解決方法當然就是在有網路的時候，把目標影像給儲存到手機端，下次顯示時直接取用。

然而此時出現另一個問題，就是從手機端顯示影像，居然會讓體驗變得頓頓的卡卡的，感覺十分不舒服⋯⋯解決辦法就是把影像快取起來，下次顯示時直接拿來用。

之所以頓頓卡卡是因為讀取自「硬碟」，網路下載會先儲存在「記憶體」，前者是在主程序讀取影像，因來源是硬碟，所以不僅耗時較久，連帶又會卡UI；後者在非主程序下載，當下載完才會切換到主程序顯示，來源又是在記憶體，讀取速度較快，因此就不會卡卡頓頓的。

於是我們就發展出三層級顯示影像 (Three-Level Display Image)，也就是從網路（伺服器）下載影像到手機端（硬碟），再將影像快取（記憶體）起來顯示！

上一篇影像快取 (Image Cache)我的用法是，從網路下載影像，接著快取起來顯示，跳過儲存到手機端這個步驟，在此我用簡單的if-else說明如何實作！

（繼續閱讀…）

分類：

iOS, 教學

Tagged with:

[iOS] 影像快取 (Image Cache)

時常需要從網路上抓取影像載入APP裡頭，尤其是在TableView的cell頻繁消失又出現的狀況，會不停地重複同樣（下載與顯示）的動作，這樣子做不是不行，然而使用者體驗會有點差，儘管已經用多執行緒去抓圖和載圖，操作上還算相當順暢，然而使用者還是會看到影像怎麼這時候消失變出現，接著又滾回去又從消失變出現，使用者體驗實在相當糟糕⋯⋯

於是想當然爾，我們會想要把已經載入的圖給暫存起來，下次要顯示時直接抓暫存在記憶體中的影像快取 (Image Cache)即可！
（繼續閱讀…）

分類：

iOS, 教學

Tagged with:

標籤雲

%d 位部落客按了讚：