Just My Life & My Work

Archive for 十二月, 2013

[iOS] 非同步下載影像

從網路下載影像,接著顯示在螢幕上,乍聽之下很簡單,卻隱含著許多「眉角」。基於影像容量以及網路速度考量,為了不讓UI卡住,我們勢必得把下載的工作放到非主線程上,在這裡我們叫它為非同步下載影像,一旦下載完畢,回到主線程顯示到螢幕上。

非同步下載影像

(繼續閱讀…)

[iOS] 載入來源不同的影像

iOS已經寫好的方法,通常我們只要會使用就好,至於實作內容我們就姑且當作沒看到⋯⋯不過在一些情況下,我們很注重效能、效果、效率,原本微不足道的差異或錯誤,將造成「失之毫釐差以千里」的結果。我們就來試驗一下載入來源不同的影像吧~

ban5.png

拿它來作實驗!

(繼續閱讀…)

[iOS] ScrollView 實作影像縮放與移動

以為想要可互動影像來縮放與移動的功能,需要實做複雜的捲動手勢,原來只要用ScrollView,就能達到效果!

scrollview zoom2

影像縮小

(繼續閱讀…)

新居所-弟弟家與需求金字塔

正如「工欲善其事,必先利其器」,除此之外,我需要有一個能讓我專心致志的環境,而這環境最好能使用更容易達到「心流」境界!

新居所在弟弟家落成

對於休閒時的工作環境,我要求的並不多,就如同相片裡的書桌,很簡單的設計而沒有多餘的裝飾,於是昨天就去家樂福499元的貝爾電腦桌。

(繼續閱讀…)

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

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

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

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

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

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

(繼續閱讀…)

[iOS] 影像快取 (Image Cache)

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

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

[iOS] 註冊Observer製作播放狀態改變時要執行的動作

最近一直在研究MPMoviePlayerController,才發現內建的功能不是很完全,若要做到令人滿意的境界,只有客制化一途~

Register observer when player finishes displaying (繼續閱讀…)

[iOS] 註冊Observer製作播放結束時要執行的動作

最近一直在研究MPMoviePlayerController,才發現內建的功能不是很完全,若要做到令人滿意的境界,只有客制化一途~

Register observer when player finishes displaying

(繼續閱讀…)

[iOS] 指定時間本地通知 (Local Notification in Particular Time)

以為指定時間本地通知 (Local Notification in Particular Time)實作有難度,不過實際瞭解之後,哇哈~原來那麼簡單!

Local Notification in Particular Time

時間到,從上方出現我所設定的訊息!

(繼續閱讀…)

全世界社群網站地圖 (World Map of Social Networks)

現在我們年輕人最常使用的社群網站是臉書,那世界其它地方呢?來看這張全世界社群網站地圖 (World Map of Social Networks)

social network map (繼續閱讀…)

標籤雲