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

[knuckles (那克斯)]

最近開始學 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

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.208.131
※ 文章網址: https://www.ptt.cc/bbs/MacDev/M.1489732053.A.16C.html
推 godblessbaby: 推推
推 powerwolf543: 已跪
推 johnny78615: 大推
推 RINPE: 推呀 今天面試剛好也做類似這個的。是說有個table view 往
→ RINPE: 下拉才讀取後面的,不知道能不能給些提示？
推 a26364177: Lazyload
推 tentenlee: mjrefresh
推 vml93: 謝謝分享
推 Bluedicker: 先推 謝謝分享
推 jim123820: 先推 謝謝分享教學
推 molopo: 推 感謝
推 alvislin: 謝謝分享
推 shinmeteor: 推。等等學習。
推 ctweng13: 感謝分享~
推 yufung: 感謝分享
推 babypanda: 謝謝分享
※ 編輯: knuckles (59.115.216.60), 03/22/2017 23:05:52
推 mick99988: 請問我做到第4步驟，但用"https://disp.cc/api/hot_tex
→ mick99988: xt.json" 執行後都沒有抓到網站的文章跟圖片...Q_Q
先用 print 確定一下 json 有沒有抓下來
https://i.imgur.com/vbcwGqzh.png
※ 編輯: knuckles (59.115.213.58), 03/28/2017 09:13:31
推 mick99988: 後來有找到問題點 是因為我砍掉loadData()...=.=
推 panda04056: 推！！感謝分享！剛好想試試看Alamofire
推 ryolue5053: 推！非常感謝分享！
推 wayne466: nice
推 starengram: 萬分感謝此手把手教學，好詳盡