彼得潘的 Swift iOS App 開發教室

UIStepper, Number Formatter, IBOutletCollection, For In迴圈, Array, Struct

上一篇透過一些有趣的小元件完成了自製的App畫面，發現隨機功能真的滿好用的XD

目的: 學習使用別人寫的 function。

將可愛柴犬的黑色對話框換上別的圖吧!

UIBezierPath / CAShapeLayer / CABasicAnimation / URLSessionDownloadDelegate / extension

Sorry guys. I wanted to put all the things that I wanted to share in one article, but it exceeds the maximum length so I was forced to…

Prologue

先上圖

這次的作業使用[UIImageView]!及[UIButton]!，將相同的物件集合成Array，減少顯示多個IBOutlet，使畫面比較清晰。

上一篇透過View與Button和Segmented Controller完成了變裝紙娃娃的練習。

主要步驟：

本次作業參考：

東京奧運開跑了，不曉得大家有沒有看到哥倫比亞的射箭精靈 Valentina Acosta Giraldo ！尤其是在瞄準靶心的時候 XD 。雖然奧運好看，但看奧運之餘也是要好好練習啊！那就開始這次的作業摟～

上一篇透過了Scroll View 與 UIStepper 完成了購物車的數量選擇與總價之間的變化。

前言：原本以為影像跟google maps一樣清楚，結果沒想到NASA影像超不清楚，某些地點會沒資料。另外不是每個月都有資料所以時間範圍設定在2016.1~2018.12這36個月，圖資看起來比較豐富，害我花了一個晚上研究他的API..

APP 展示

雖然說圖片遮色片處理可以在photoshop處理，但如果圖片眾多或是非本地的圖片，還是得依靠程式碼處理才能實踐。這次實踐範例是以本屆東京奧運logo作為東京景色圖的遮罩，然後在底部在墊一層有透明度的東京景色圖作為合成效果。

當處理圖片圓角時，須clipToBounds = true，image view才能把image裁切掉，但shadow是影響在image所以也會被裁切掉。需要同時有 cornerRadius與shadow，則必須在處理完圓角的image…

UISlider之應用

完成圖 ⬇︎

CABasicAnimation / UIView mask 方法 / CAGradientLayer / CAEmitterLayer

把所有的作業4做在同一個 project ，結合了 table view、navigation view、tab view等等。

主要更改項目如下