#2_scroll view上下&水平&分頁_初心者習作

這次要練習的項目是Scroll View,我做了一個介紹偵探主題的app「偵探事務所」來模擬,這是其中一個頁面。最上方是banner,中間有偵探推理相關的書籍、電影作品可選,最下方則是知名作品中的偵探介紹。

參考資料

主要是參考 彼得潘的 iOS App Neverland的這篇文章製作。

Scroll View的練習項目

上下捲動
水平捲動
分頁捲動

進行步驟

製作這些Scroll View的共通步驟就是

  1. 放Scroll View_可視空間。
  2. 在Scroll View裡放一片View_放置內容的空間。
  3. 擺放內容_我是放Image View。
  4. 在Identity inspector 頁面裡的User Defined Runtime Attributes點擊加號,輸入contentSize,大小寫要一模一樣,然後選擇size。
  5. 水平捲動請設定寬度,上下捲動則是設定高度。尺寸需符合View的寬或高_可拖曳的空間。
  6. 若是分頁捲動,則需勾選 Paging Enabled,並將contentSize的尺寸配合頁數調整,比如寬度是400,有三頁就是調成400*3=1200。
不管哪種捲動都要記得設定可拖曳的空間。
分頁捲動要記得勾選這個。

這樣就大致完成囉。結果這次還是弄到三更半夜呢,其中還是有些細節需要調整,目前還不確定該如何做,只好先記錄下來。

習作後問題

1.Scroll View上安排的 Label 和 Page Control如何鎖著,不隨拖曳移動?
2.如何一次更改全部的字體?(中途下載了粉圓體,但一一替換好沒效率)
3.在上下捲動內放置數個水平捲動,如何讓平均間隔?(手動調整也好累)

--

--

Licca Tsai
彼得潘的 Swift iOS / Flutter App 開發教室

最近開始學習Swift,卻常下意識打成Switch的遊戲企劃/編劇/文字工作者/鏟屎官。