系列文章
Day 1 - ASOS 版型檢視
第一個要來練習版型的是ASOS APP 首先先大概檢視一下以下版型： 最上面區塊部分可左右滑動，下方區塊則以表格方式將Accessories Items分列在每...
Day 2 - ASOS 表格
接下來先來練習 UITableView 的部分 首先在storyboard中拉進table view並且設定在表格要出現的位置，接著將table view ce...
Day 3 - ASOS 滑動視圖
今天要來完成上半部的滑動視圖 在這裡我們要新增三個元件： Image View Scroll View Page Control Page Control...
Day 4 - 麥當勞報報 版型檢視
使用工具： Navigation controller Table view Image view Timer Tab bar 實作方向： 折價券的部分...
Day 5 - 麥當勞報報 客制tab bar高度
今天要先來實作Tab Bar的部分，觀察APP版面的同時，可以發現它的Tab Bar部分有調整過高度，而除了使用自己的View以及UIButton來製作完全客制...
Day 6 - 麥當勞報報 表格
今天的部分是加入折價券的部分，在取得多張折價券之後，一樣可以看到以 table view 呈現的畫面。 因此先在 storyboard 中加入 table vi...
Day 7 - 麥當勞報報 Timer 設定
今天先完成 Timer 的設定然後再結合 Date 的轉換達到倒數的效果 這裡先設 label 中的值為30，先做30秒倒數由於因為每個 cell中 都有一個倒...
Day 8 - 麥當勞報報 取得時間
今天要結合timer以及時間的倒數，主要是給優惠券一個期限，並且取得時間做比較，若優惠券的期限還未到，就可以兌換這張優惠券; 反之，則優惠券過期無法兌換。 練習...
Day 9 - Jetstar 版型檢視
使用： Navigation Controller 客制 Navigation Item Segmented Control 計數器 實作方向： 客制...
Day 10 - Jetstar 客制 Navigation Bar
首先要來處理 Navigation Bar的部分，在這裡我們想要得到一個背景為白色且中間有 logo、兩側為圖像的button。 在 Bar Tint 這裡選擇...