iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Software Development

Swift 新手上路之30天復刻版型 系列

透過30天練習常見的APP版型

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 1

Day 1 - ASOS 版型檢視

第一個要來練習版型的是ASOS APP 首先先大概檢視一下以下版型: 最上面區塊部分可左右滑動,下方區塊則以表格方式將Accessories Items分列在每...

2017-12-20 ‧ 由 hichunim 分享
DAY 2

Day 2 - ASOS 表格

接下來先來練習 UITableView 的部分 首先在storyboard中拉進table view並且設定在表格要出現的位置,接著將table view ce...

2017-12-21 ‧ 由 hichunim 分享
DAY 3

Day 3 - ASOS 滑動視圖

今天要來完成上半部的滑動視圖 在這裡我們要新增三個元件: Image View Scroll View Page Control Page Control...

2017-12-22 ‧ 由 hichunim 分享
DAY 4

Day 4 - 麥當勞報報 版型檢視

使用工具: Navigation controller Table view Image view Timer Tab bar 實作方向: 折價券的部分...

2017-12-23 ‧ 由 hichunim 分享
DAY 5

Day 5 - 麥當勞報報 客制tab bar高度

今天要先來實作Tab Bar的部分,觀察APP版面的同時,可以發現它的Tab Bar部分有調整過高度,而除了使用自己的View以及UIButton來製作完全客制...

2017-12-24 ‧ 由 hichunim 分享
DAY 6

Day 6 - 麥當勞報報 表格

今天的部分是加入折價券的部分,在取得多張折價券之後,一樣可以看到以 table view 呈現的畫面。 因此先在 storyboard 中加入 table vi...

2017-12-25 ‧ 由 hichunim 分享
DAY 7

Day 7 - 麥當勞報報 Timer 設定

今天先完成 Timer 的設定然後再結合 Date 的轉換達到倒數的效果 這裡先設 label 中的值為30,先做30秒倒數由於因為每個 cell中 都有一個倒...

2017-12-26 ‧ 由 hichunim 分享
DAY 8

Day 8 - 麥當勞報報 取得時間

今天要結合timer以及時間的倒數,主要是給優惠券一個期限,並且取得時間做比較,若優惠券的期限還未到,就可以兌換這張優惠券; 反之,則優惠券過期無法兌換。 練習...

2017-12-27 ‧ 由 hichunim 分享
DAY 9

Day 9 - Jetstar 版型檢視

使用: Navigation Controller 客制 Navigation Item Segmented Control 計數器 實作方向: 客制...

2017-12-28 ‧ 由 hichunim 分享
DAY 10

Day 10 - Jetstar 客制 Navigation Bar

首先要來處理 Navigation Bar的部分,在這裡我們想要得到一個背景為白色且中間有 logo、兩側為圖像的button。 在 Bar Tint 這裡選擇...

2017-12-29 ‧ 由 hichunim 分享