[心得] 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