[心得] Swift3 教學 熱門文章瀏覽器

作者: knuckles (那克斯)   2017-03-17 14:27:30
最近開始學 Swift 做的一些筆記,給大家參考看看
製作一個熱門文章瀏覽器的 App
http://i.imgur.com/P0rXUzh.png
執行後會從網路下載並顯示 Disp BBS 最新的熱門文章列表
點擊想看的文章後,使用內嵌的瀏覽器在 App 中閱讀
點左上方的「回列表」可回到熱門文章列表繼續閱讀其他文章
只要修改一下就可以將自己的網站內容做成 App 讓人瀏覽了
本文適合有程式基礎,剛開始學 Swift 語言的人
關於 Swift 語言的用法第一次用到時會稍微解釋一下
先照著做大概了解一下,之後再慢慢研究就好
此教學分為六篇文章
1. http://disp.cc/b/11-9Ufe (使用 Swift3 開新專案)
http://i.imgur.com/yzw0Cg2.png
安裝 Xcode 8.2.1 使用 Swift 建立一個空白頁專案
2. http://disp.cc/b/11-9UkW (使用 Table View 產生列表頁)
http://i.imgur.com/KlUGiHs.png
使用 Table View 產生列表頁,自訂列表的樣式
設定 Constraints 讓列表內容會隨螢幕大小調整
3. http://disp.cc/b/11-9UJS (安裝套件管理工具 CocoaPods)
http://i.imgur.com/ecxndil.png
使用套件管理工具 CocoaPods 來管理下載的第三方類別庫
4. http://disp.cc/b/11-9UWG (使用 Alamofire 存取網站資料)
http://i.imgur.com/YUEVIK1.png
使用 Alamofire 來下載熱門文章資料並顯示在 Table View
可以用下拉或點擊按鈕來更新列表內容
5. http://disp.cc/b/11-9VkP (點擊列表開啟並傳送資料至新的頁面)
http://i.imgur.com/WC8MJMS.png
使用 Segue 讓列表點擊後可開啟新的頁面
並將選擇的文章資料帶至新的頁面
6. http://disp.cc/b/11-9VtJ (使用 WebView 顯示網頁內容)
http://i.imgur.com/tWEjUbN.png
使用 Web View 將網頁內容顯示在內嵌的瀏覽器中
加上重新整理與回上頁的按鈕
程式碼已上傳至 GitHub
https://github.com/KnucklesHuang/DispBBS-Swift/tree/HotTextBrowser
作者: godblessbaby (NeiL)   2017-03-17 17:06:00
推推
作者: powerwolf543 (NixonShin)   2017-03-17 19:44:00
已跪
作者: johnny78615 (Johnny)   2017-03-17 20:39:00
大推
作者: RINPE (RIN)   2017-03-17 20:54:00
推呀 今天面試剛好也做類似這個的。是說有個table view 往下拉才讀取後面的,不知道能不能給些提示?
作者: a26364177 (偉霖)   2017-03-17 22:55:00
Lazyload
作者: tentenlee (天天)   2017-03-17 23:02:00
mjrefresh
作者: vml93   2017-03-17 23:35:00
謝謝分享
作者: Bluedicker (藍迪克)   2017-03-18 01:22:00
先推 謝謝分享
作者: jim123820 (guest123820)   2017-03-18 03:37:00
先推 謝謝分享教學
作者: molopo (mmm)   2017-03-18 10:52:00
推 感謝
作者: alvislin (ed)   2017-03-18 12:48:00
謝謝分享
作者: shinmeteor (shin)   2017-03-18 16:19:00
推。等等學習。
作者: ctweng13 (ctweng13)   2017-03-19 07:30:00
感謝分享~
作者: yufung (我要做個好宅男)   2017-03-19 12:05:00
感謝分享
作者: babypanda (熊貓寶貝)   2017-03-19 22:36:00
謝謝分享
作者: mick99988 (高雄人)   2017-03-27 15:16:00
請問我做到第4步驟,但用"https://disp.cc/api/hot_texxt.json" 執行後都沒有抓到網站的文章跟圖片...Q_Q後來有找到問題點 是因為我砍掉loadData()...=.=
作者: panda04056 (圓仔cross56)   2017-04-02 14:46:00
推!!感謝分享!剛好想試試看Alamofire
作者: ryolue5053 (律:D)   2017-04-12 13:13:00
推!非常感謝分享!
作者: wayne466 (Wei)   2017-04-13 16:21:00
nice
作者: starengram (咕嚕咕嚕)   2017-06-08 01:13:00
萬分感謝此手把手教學,好詳盡

Links booklink

Contact Us: admin [ a t ] ucptt.com