#2_scroll view上下&水平&分頁_初心者習作
Published in
3 min readMar 21, 2020
這次要練習的項目是Scroll View,我做了一個介紹偵探主題的app「偵探事務所」來模擬,這是其中一個頁面。最上方是banner,中間有偵探推理相關的書籍、電影作品可選,最下方則是知名作品中的偵探介紹。
參考資料
主要是參考 彼得潘的 iOS App Neverland的這篇文章製作。
Scroll View的練習項目
上下捲動
水平捲動
分頁捲動
進行步驟
製作這些Scroll View的共通步驟就是
- 放Scroll View_可視空間。
- 在Scroll View裡放一片View_放置內容的空間。
- 擺放內容_我是放Image View。
- 在Identity inspector 頁面裡的User Defined Runtime Attributes點擊加號,輸入contentSize,大小寫要一模一樣,然後選擇size。
- 水平捲動請設定寬度,上下捲動則是設定高度。尺寸需符合View的寬或高_可拖曳的空間。
- 若是分頁捲動,則需勾選 Paging Enabled,並將contentSize的尺寸配合頁數調整,比如寬度是400,有三頁就是調成400*3=1200。
這樣就大致完成囉。結果這次還是弄到三更半夜呢,其中還是有些細節需要調整,目前還不確定該如何做,只好先記錄下來。
習作後問題
1.Scroll View上安排的 Label 和 Page Control如何鎖著,不隨拖曳移動?
2.如何一次更改全部的字體?(中途下載了粉圓體,但一一替換好沒效率)
3.在上下捲動內放置數個水平捲動,如何讓平均間隔?(手動調整也好累)