Practice 2–1 ⭐️ 實現水平捲動,上下捲動和分頁的 scroll view

UI元件練習 Scroll View 完成gif

開啟專案,找到Scroll View元件放入ViewController裡面。樣板為iphone11

寬度設定與樣板相同414px,高度200px

Scroll View的原理就是能讓內部的畫面達到捲動的效果,水平或垂直皆可,顧名思義就是內部的View需要大於Scroll View它,所以我們拉一個View放到ViewControllerSencces內,然後將它的寬度設定為樣板寬度的3倍大。

就可以把內容物放進去了,比如說ImageView或Label 相關資訊。

接著規劃完之後,就可以把View 加入到Scroll View裡面了。

接著設定兩個地方:

  1. 勾選Paging Enabled
  2. 新增『contentSize』 Type 選擇『Size』Value設定為『1242,0』(3倍的樣板寬度)

這樣基本的就完成了。其餘介紹的部分也是類似的操作,就不細部介紹,放上我的git可以參考。

--

--