CatMap 此作是我第一個比較完整的 iOS 的 App,主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能,以下是我一些學習的筆記與心得! App 沒什麼主要方向,這就只是個到處模仿的小作品,一開始利用了 TableView,再經由客製化的 TableViewCell 去做出類似 Instagram、Facebook 的動態訊息頁,然後再利用 ImagePickerCon…

CatMap

此作是我第一個比較完整的 iOS 的 App,主要利用基本的 iOS 元件製作照相上傳、分享、地圖功能,以下是我一些學習的筆記與心得!

App 沒什麼主要方向,這就只是個到處模仿的小作品,一開始利用了 TableView,再經由客製化的 TableViewCell 去做出類似 InstagramFacebook 的動態訊息頁,然後再利用 ImagePickerController 去做開啟相機、讀取相簿的功能,並且利用 CLLocationManagerDelegate 來取得座標以及位置資訊!

接著找到了 REMarkerClusterer 這資源,讓我做到跟 Instagram 地圖很像似的功能,然後將它稍微改造了一下,讓他可以載入圖片,至於呼叫 API 原本是使用自己寫的 http 函式庫,但是有發現 AFNetworking 也不錯用,所以就使用它了!還有當 Cell 在 Load 圖片時,我則是使用 AsyncImageView 來讓他可以非同步的載入圖片!

CatMap 登入以及主畫面

開發途中,我原本是使用 Main.storyboard 拉版的,但是遇到了很多問題,例如 Cell 雖然可以對 xib(nib) 定義好 identifier 名稱,再用 dequeueReusableCellWithIdentifier 拉出,以免重複的 create 浪費,但是因為我的 Cell 的高度以及內容不同,所以必須定義每種 id 的 identifier,而 xib 的 identifier 卻不能動態的定義,雖然可以定義好 identifier,當 cellForRowAtIndexPath Update 其內容時,因為圖片是非同步載入,所以後會發生另一段故事..於是最後我就放棄的使用 storyboard,所以改換成用 code 來寫 UI,如此一來,便可以讓每個 Cell 搭配好資料的 ID 成為唯一的一個物件!這樣就也可以在 cellForRowAtIndexPath 不會重複的產生,這就是這次在 TableView 上的一點點心得。

CatMap 地圖以及設定頁面

因為以前寫過 C語言、Java,雖然沒有寫過 Object-C,不過我的心得是它跟 C 好像!但是多了很多有趣的東西!也幸好寫過 Java 的 GUI 介面,讓我對於介面的東西有點基礎,(Java GUI 印象是,一直在 set 顏色,add 東西),不過這次雖然有了這點的小作品,但是還有很多東西我還沒摸到,像是推播通知、iBeacon、iClude、swift.. 等,只能一步步慢慢來了!

題外話,因為我剛好會後端、前端,所以這作品的前端、後端、API 剛好都是自己產出!同時此做要特別感謝幫我設計版型、icon 的 Teresa Chu

CatMap 功能全畫面

相關參考

OAHUD - OA Wu's Blog
OAHUD
OAHUDOAHUD 因為看到很多 GitHub 上的專案都寫 HUD,這幾天再研究一種東西,一開始我還不知道怎去下關鍵字 Google,不過找著找著 漸漸有方向了!所以就找了一些範例,以及 Google 找資料亂寫亂測,然後有了一點點心得,就來分享一下,如果有觀念不正確請各位指教! 簡略講解一下,首先我看了 MBProgressHUD 的做法,其中的 show…
天氣地圖 Weather Maps - OA Wu's Blog
天氣地圖 Weather Maps
天氣地圖 Weather Maps天氣地圖 Weather Maps 這項做主要是藉由中央氣象局的網站資料建置出來的,其中主要功能是可以藉由 Google Maps 查詢各地方的天氣預報概況,並且可以查看各個地區的每小時溫度變化,以及搭配使用 localStorage 來實作前端關注的功能。此作品主要利用 PHP 取得資料,並且編譯成 HTML 檔案上傳 Amazon S3,此架構不僅可以減…
實作 Google Maps 右鍵選單 - OA Wu's Blog
實作 Google Maps 右鍵選單
實作 Google Maps 右鍵選單實作 Google Maps 右鍵選單 此作品主要在於開發出可以在 Google Maps 上面編輯基本路徑的功能,利用 Google Maps JavaScript API 設計出規劃路線的工具,並且可以匯出路間經緯度 Excel。 在 Google Maps 上顯示選單,主要是使用 Google Maps JavaScript Events 來實作,並且搭配 Marker、Polyline 來繪製出路線圖,並且針…
在 Google Maps 內多邊形取點 Point in Polygon - OA Wu's Blog
在 Google Maps 內多邊形取點 Point in Polygon
在 Google Maps 內多邊形取點 Point in Polygon在 Google Maps 內多邊形取點 Point in Polygon 這是項個人開發的工具,而且需要前後端配合一起弄的作品,主要目的是撈出藉由不規則多邊形範圍內的點座標。 前端 主要是 Google Maps JavaScript API v3 的地圖服務應用,利用 Google Maps Marker、Google Maps Polyline 去畫出一個不規則多邊形,並且利用 Ajax 去後端撈取…
吳政賢 個人簡歷 OA Wu LiveCoding.tw