作業2-1:⭐️ 實現水平捲動,上下捲動和分頁的 scroll view
Published in
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 將會自動捲到您指定的座標上。