顯示廣告
隱藏 ✕
看板 KnucklesNote
作者 Knuckles (站長 那克斯)
標題 [Xcode][Swift3] 新手教學 使用 Swift3 製作熱門文章瀏覽器 App
時間 2017-03-16 Thu. 22:47:19


製作一個熱門文章瀏覽器的 App
[圖]


執行後會從網路下載並顯示 Disp BBS 最新的熱門文章列表
點擊想看的文章後,使用內嵌的瀏覽器在 App 中閱讀
點左上方的「回列表」可回到熱門文章列表繼續閱讀其他文章

只要修改一下就可以將自己的網站內容做成 App 讓人瀏覽了

此教學適合有程式基礎,剛開始學 Swift 語言的人

關於 Swift 語言的用法第一次用到時會稍微解釋一下
先照著做大概了解一下,之後再慢慢研究就好

此教學分為六篇文章

1. 使用 Swift3 開新專案
[圖]

安裝 Xcode 8.2.1 使用 Swift 建立一個空白頁專案

2. 使用 Table View 產生列表頁
[圖]

使用 Table View 產生列表頁,自訂列表的樣式
設定 Constraints 讓列表內容會隨螢幕大小調整

3. 安裝套件管理工具 CocoaPods
[圖]

使用套件管理工具 CocoaPods 來管理下載的第三方類別庫

4. 使用 Alamofire 存取網站資料
[圖]

使用 Alamofire 來下載熱門文章資料並顯示在 Table View
可以用下拉或點擊按鈕來更新列表內容

5. 點擊列表開啟並傳送資料至新的頁面
[圖]

使用 Segue 讓列表點擊後可開啟新的頁面
並將選擇的文章資料帶至新的頁面

6. 使用 WebView 顯示網頁內容
[圖]

使用 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 累積人氣: 1014 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇
看板名稱: 確定(Enter) 取消(Esc) 搜尋(Space)
查詢帳號: 確定(Enter) 取消(Esc) 搜尋(Space)
搜尋: m)m文 b)進板 c)未分類 a)作者 /)標題 q)取消?[q]

搜尋 送出(Enter) 取消(Esc)

回覆文章至: f)看板 m)作者信箱 b)兩者皆是 q)取消?[f]
要引用原文嗎? y)引用原文 n)不引用 a)全部回覆 r)複製原文 q)取消?[y]
轉錄本文章於看板: 1)使用連結 2)使用複製 q)取消 ?[1]
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
轉寄至站內信箱於使用者: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc)
修改文章標題為: 確定(Enter) 取消(Esc) 全部(a)

確定要刪除這篇文章?(可按大U救回) 確定(Enter) 取消(Esc)

刪除理由:

確定(Enter) 取消(Esc)
加到這個分類: 確定(Enter) 下一層(→) 回上層(←) 取消(Esc)
你覺得這篇文章: 1)真讚 2)真瞎 q)取消?[1] (再選一次即可收回)
你覺得這篇文章: 1)值得推薦 2)表示反對 3)單純註解 q)取消?[3]
guest
預覽(Enter) 取消(Esc)
上傳圖片
按ctrl+Enter可輸入下一行。
guest
確定要送出? 確定(Enter) 取消(Esc) 繼續(e)
搜尋: 送出(Enter) 取消(Esc)

▏▎▍▌▋▊▉ 請按任意鍵繼續