#24 Storyboard 電子書 App- -靠北工程師App

本次作業目標:用Storyboard製作電子書 App,
搭配 tab bar controller、table view controller、navigation controller
多個sotryboard 以及不勝枚舉的工具

一開始要做電子書時,為了決定題材想了非常久。在一次的偶然中看到了靠北工程師新站的Top list,忽然靈機一閃,”那就做靠北工程師的電子書吧”

首先,要做的事情是把需要的資料收集起來,靠北工程師新站有整理top list出來,網頁結構也很好,但是目前我還不會動態仔入的方法,只能存成一張張的後載入

用個簡單的爬蟲把要的資料爬下來

把爬下來的圖片丟到asset即可

再來是storyboard的結構

原本想要用webBrowser的方式實現,可惜我不會,只能手動一張張調整格式(肝)

由於資料量的關係只做了周Top 其他的等學完動態載入再來QQ

簡單的做了loading frame ,最偷懶的那種ww

在找如何動態載入的過程中,意外的發現插入的textField 超連結可以點選進入,而且還是用safari開啟的~

最後埋了一個很爛的小彩蛋,用key: contentSize做的,去找吧!

以下是成品:

GIF版

APNG版

那亂七八糟的黑邊是什麼鬼….點連結看吧

DirectLink要手動複製貼上 不然會被導到imgur葉面

https://i.imgur.com/sdnTeC1.png