The Reawakened Series (2)

埃及王子叩酊趣

本篇文章一樣延續前面的內容做各種練習，並加入相關的程式碼，

並將對應的版面做調整，練習的功能列表如下：

#1 模仿FB動態牆練習
#2 Alamofire連結網頁 & segue
#3 Activity Indecator View
#4 設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

模仿FB動態牆練習

如何製作非滿版的 cell (類似 FB 動態牆或卡片)

主要參考這篇文章，並在View的區域內，加上圖片與按鈕，使用在BuyViewController中

成果如下圖：

Alamofire 連結網頁

(1) 採用CocoaPods來做安裝

(2) 透過segue來做場景的轉換

並在轉換的過程中，透過prepare來傳值 (contentID)

(3) Alamofire 相關代碼

其實這邊可以直接使用WKWebview來讀取Youtube網頁就好，不過只是順道練習下Alamofire

(4) WKWebView 可以直接load就好

Activity Indecator View

(1) 直接在storyboard上使用

應用在Buy1ViewController上，並拉一個@IBOutlet來做控制

@IBOutlet weak var loadingActivityIndecatorView: UIActivityIndicatorView!

(2) 直接使用程式碼加入Activity Indecator View

設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

使用在首頁的三張圖片上

(1) 加入一個scroll view，並設定contentSize為三張圖片的寬度

(2) 加入一個view在scroll底下，並加入三張圖片

Github

chiron-wang/Peter13

Reference

1. FB動態牆

如何製作非滿版的 cell (類似 FB 動態牆或卡片)

2. Alamofire Github

Alamofire/Alamofire

3. UIActivityIndicatorView 的用法

Swift - 环形进度条（UIActivityIndicatorView）的用法

4. Scroll View

設定 content size，實現水平捲動，上下捲動和分頁的 scroll view