作者knuckles (那克斯)
看板MacDev
标题[心得] Swift3 教学 热门文章浏览器
时间Fri Mar 17 14:27:30 2017
最近开始学 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://webptt.com/cn.aspx?n=bbs/MacDev/M.1489732053.A.16C.html
1F：推 godblessbaby: 推推 03/17 17:06
2F：推 powerwolf543: 已跪 03/17 19:44
3F：推 johnny78615: 大推 03/17 20:39
4F：推 RINPE: 推呀 今天面试刚好也做类似这个的。是说有个table view 往 03/17 20:54
5F：→ RINPE: 下拉才读取後面的,不知道能不能给些提示？ 03/17 20:54
6F：推 a26364177: Lazyload 03/17 22:55
7F：推 tentenlee: mjrefresh 03/17 23:02
8F：推 vml93: 谢谢分享 03/17 23:35
9F：推 Bluedicker: 先推 谢谢分享 03/18 01:22
10F：推 jim123820: 先推 谢谢分享教学 03/18 03:37
11F：推 molopo: 推 感谢 03/18 10:52
12F：推 alvislin: 谢谢分享 03/18 12:48
13F：推 shinmeteor: 推。等等学习。 03/18 16:19
14F：推 ctweng13: 感谢分享~ 03/19 07:30
15F：推 yufung: 感谢分享 03/19 12:05
16F：推 babypanda: 谢谢分享 03/19 22:36
※ 编辑: knuckles (59.115.216.60), 03/22/2017 23:05:52
18F：→ mick99988: xt.json" 执行後都没有抓到网站的文章跟图片...Q_Q 03/27 15:18
先用 print 确定一下 json 有没有抓下来
https://i.imgur.com/vbcwGqzh.png
※ 编辑: knuckles (59.115.213.58), 03/28/2017 09:13:31
19F：推 mick99988: 後来有找到问题点 是因为我砍掉loadData()...=.= 03/29 11:47
20F：推 panda04056: 推！！感谢分享！刚好想试试看Alamofire 04/02 14:46
21F：推 ryolue5053: 推！非常感谢分享！ 04/12 13:13
22F：推 wayne466: nice 04/13 16:21
23F：推 starengram: 万分感谢此手把手教学，好详尽 06/08 01:13