作業2-1:⭐️ 實現水平捲動,上下捲動和分頁的 scroll view

Baaro
彼得潘的 Swift iOS / Flutter App 開發教室
3 min readJul 14, 2020

實作效果

Github

操作說明

先將Scroll View 加入到畫面中

要讓scroll View 先是圖片或任何東西,需在裡面加入View才能夠顯示其內容,若直接將View 拖拉至Scroll View 中會導致能編輯畫面過小,若需要拖拉的設定、會變得非常不好編輯,建議先將View 拉致外層,方便調整畫面。

會像上圖一樣,額外多出一個View 的視窗。

View 設定好之後就可以把整個View 拉到Scroll View 裡面了。

拖入後座標軸沒意外都會跑掉,把座標重新指到(0,0),即可正常顯示。

這時 Scroll View 將會顯示您剛剛View 的內容 ,但是還是無法進行拖拉,此時必須要去 Scroll View加入參數?才行

Key path : contentSize

Type : Size

Value :打上您要讓他位移的範圍 {x ,y}
x:寬 y:高
設與View 同寬或同高即可

左右拉則設定x
上下拉則設定y
如果要上下左右都可以拉則x, y 的需設定。

補充

如果想要讓他一開始就讓他捲到你指定的位置的話,
可以加入參數 contentOffset Point {x, y}。

這樣您一啟動,Scroll View 將會自動捲到您指定的座標上。

--

--