Practice 2–1 ⭐️ 實現水平捲動,上下捲動和分頁的 scroll view
Published in
3 min readJul 18, 2020
UI元件練習 Scroll View 完成gif
開啟專案,找到Scroll View元件放入ViewController裡面。樣板為iphone11
寬度設定與樣板相同414px,高度200px
Scroll View的原理就是能讓內部的畫面達到捲動的效果,水平或垂直皆可,顧名思義就是內部的View需要大於Scroll View它,所以我們拉一個View放到ViewControllerSencces內,然後將它的寬度設定為樣板寬度的3倍大。
就可以把內容物放進去了,比如說ImageView或Label 相關資訊。
接著規劃完之後,就可以把View 加入到Scroll View裡面了。
接著設定兩個地方:
- 勾選Paging Enabled
- 新增『contentSize』 Type 選擇『Size』Value設定為『1242,0』(3倍的樣板寬度)
這樣基本的就完成了。其餘介紹的部分也是類似的操作,就不細部介紹,放上我的git可以參考。