IOS HW1 電子書 App-Scooter

J K
海大 SwiftUI iOS / Flutter App 程式設計
3 min readMar 22, 2019

目的:使用表格實作電子書App,從storyboard運用tab bar controller、navigation controller、table controller跟static cell實作

這次透過電子書介紹不同的摩托車,用tab bar來切換三種不同款式的摩托車,分別是速可達、大羊及擋車,再搭配navigation bar來產生不同分頁即可以回到首頁的操作,其中也加入了水平及垂直的捲動還有背景的顏色替換。

  1. APP操作畫面(.png)

2. APP操作畫面(.gif)

3. Xcode操作介面

4. GitHub連結

https://github.com/jackchengrock/ios-hw1-eBook

5.畫面示意圖

有三個tab分別是速可達、大羊及擋車,分成三個storyboard.

6.使用技術

a)用table controller,做出垂直捲動的表單

b)用navigation controller,做出返回前一頁的動作且能夠連動不同頁面,設定不同的title及背景

c)用tab bar做出三個不同主畫面

d)用tab bar controller跟storyboard reference做出在main中分出三個不同的storyboard,分別是速可達、大羊及擋車(加分題),設定tab名稱及tab的icon

e)用scroll view做出水平捲動的圖片

7. 心得

這次的作業我一直在想要做什麼題目,最後覺得來個產品介紹好了~在做作業時也發現,自己對storyboard還沒有那麼的熟悉,參數該在哪裡改、東西應該用什麼東西插件或是應該用什麼東西(view、img…),邊看講一邊做,真的有特別大的問題的時候查一下關鍵字也做完了,但自己的美術天分好像沒那麼好,畫面沒有很好看

而這次面對的問題主要是在速可達storyboard裡面,因為一台車我就給他一個view controller ,導致中間再改一些文字的文字的時候一直出現閃退的情形,也就驗證了分檔的重要性。

--

--