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
OAHUD 因為看到很多 GitHub 上的專案都寫 HUD,這幾天再研究一種東西,一開始我還不知道怎去下關鍵字 Google,不過找著找著 漸漸有方向了!所以就找了一些範例,以及 Google 找資料亂寫亂測,然後有了一點點心得,就來分享一下,如果有觀念不正確請各位指教! 簡略講解一下,首先我看了 MBProgressHUD 的做法,其中的 show…
天氣地圖 Weather Maps - OA Wu's Blog
天氣地圖 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 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 JavaScript API v3 的地圖服務應用,利用 Google Maps Marker、Google Maps Polyline 去畫出一個不規則多邊形,並且利用 Ajax 去後端撈取…
吳政賢個人簡歷OA WuLiveCoding.tw
OA Wu's Blog
開發心得
CatMap