iOS Resume Development Note

這學期學校有請Peter開了iOS的課程
於是乎就拿學到的東西來玩玩看啦

想了一下其實不知道做什麼好
就想說把自己的履歷做成app,也換個風格好了

主要用到的東西就是Peter上課教的
包含了

  1. Table View Controller
  2. Navigation Controller
  3. Tab Bar Controller

在視覺上有ㄧ些元素我是參考Kevin Rhodes的個人網站
我覺得他的網站很棒,很多很棒的效果
雖然滿多效果我應該暫時在iOS上做不出來的…

首先我的規劃是將這個app分三個部分
Profile(自我介紹、經歷),Skill(哪些是我的專業),Works(作品)
這三個部分是放在Tab Bar,可以自由切換的

所以一開始當然是要先拉出Tab Bar Controller啦

接著我想把Tab Bar 的icon換掉
換成我自己喜歡的

所以我去Google的開源專案 Material Design Icon下載我想要的圖示

匯入Xcode之後,在Tab Bar Item的Selected Image跟Bar Item Image的地方
選取自己想要的那個Image set,就可以更改圖示了

然後要更改Tab被selected的顏色
把Tab Bar的Image Tint跟View的Tint都改成自己喜歡的顏色
這樣icon被選擇的時候就不再是藍色啦

繼續往下GO!!

為了要把每個View都給一個漂亮的Title
所以這邊我在3個tab下面又加上了Navigation Controller
後面再接Table View Controller
於是UI flow就長這樣~

到這邊基本上架構就完成了
剩下的部分就是把內容填入裡面
內容的部分基本上都是參考我的個人網站

Personal website :

基本上用Table製作內容可以歸納為4個步驟

  1. 先設定Table View Controller的table cell為static
  2. 拉好一個table view cell當作模板
  3. 複製貼上拉好的cell,更改內容
  4. 完成

Gif :

Youtube :