看板 KnucklesNote
作者 標題 [Xcode][Swift3] 新手教學 使用 Swift3 製作熱門文章瀏覽器 App
時間 2017-03-16 Thu. 22:47:19
製作一個熱門文章瀏覽器的 App
![[圖]](http://i.imgur.com/P0rXUzh.png)
執行後會從網路下載並顯示 Disp BBS 最新的熱門文章列表
點擊想看的文章後,使用內嵌的瀏覽器在 App 中閱讀
點左上方的「回列表」可回到熱門文章列表繼續閱讀其他文章
只要修改一下就可以將自己的網站內容做成 App 讓人瀏覽了
此教學適合有程式基礎,剛開始學 Swift 語言的人
關於 Swift 語言的用法第一次用到時會稍微解釋一下
先照著做大概了解一下,之後再慢慢研究就好
此教學分為六篇文章
1. 使用 Swift3 開新專案
![[圖]](http://i.imgur.com/yzw0Cg2.png)
安裝 Xcode 8.2.1 使用 Swift 建立一個空白頁專案
2. 使用 Table View 產生列表頁
![[圖]](http://i.imgur.com/KlUGiHs.png)
使用 Table View 產生列表頁,自訂列表的樣式
設定 Constraints 讓列表內容會隨螢幕大小調整
3. 安裝套件管理工具 CocoaPods
![[圖]](http://i.imgur.com/ecxndil.png)
使用套件管理工具 CocoaPods 來管理下載的第三方類別庫
4. 使用 Alamofire 存取網站資料
![[圖]](http://i.imgur.com/YUEVIK1.png)
使用 Alamofire 來下載熱門文章資料並顯示在 Table View
可以用下拉或點擊按鈕來更新列表內容
5. 點擊列表開啟並傳送資料至新的頁面
![[圖]](http://i.imgur.com/WC8MJMS.png)
使用 Segue 讓列表點擊後可開啟新的頁面
並將選擇的文章資料帶至新的頁面
6. 使用 WebView 顯示網頁內容
![[圖]](http://i.imgur.com/tWEjUbN.png)
使用 Web View 將網頁內容顯示在內嵌的瀏覽器中
加上重新整理與回上頁的按鈕
需要參考已完成的專案的話 點此可下載完整程式碼
或是使用 GitHub repository
關於 Swift 的用法
可以參考 Swift 起步走 (Swift 2.2)
還有 正體中文版蘋果 Swift 官方教學 (Swift 2.0)
但 Swift 2 和 3 的語法有些不相容,可再交互參考
Apple 官方教學 (Swift 3.1)
--
※ 作者: Knuckles 時間: 2017-03-16 22:47:19
※ 編輯: Knuckles 時間: 2017-03-22 23:04:19
※ 看板: KnucklesNote 文章推薦值: 0 目前人氣: 0 累積人氣: 1013
回列表(←)
分享