實現APP畫面捲動,及無限捲動程式參考
Swift精進第001天-StoryBoard,Scroll View
Scroll View 教學參考
這次試做是做類似表情選擇,作法在上面那篇彼得潘寫的很清楚
做完初見如下圖:
在手機中呈現如下: (已滑至一半的狀況)
Scroll View有個功能Paging,開啟時可以讓畫面鎖定呈現一整頁,例如放連續照片的時候,就會自動一張一張的滑動。不過使用Paging Enable時,因為是一次上下左右滑動一整頁,在此次做的表情圖中一次就會跑好幾個表情上去。本來設計是想要一次只滑動一個表情,雖然是可以透過設定view的大小使「每頁大小」只有一個表情這麼大,這樣就可以實現一次捲動一個表情的呈現方法,但這麼做的話就會讓畫面只會顯示「一個表情」,如下所示:
做法:把Scroll View的寬x高設為每次移動想要自動定位的圖片大小,例如表情150x150,並在Scroll View的identity inspector中加入參數contentSize,類型為Size,值為{寬,高},此處的值為所有呈現內容的寬高,例如我把表情放成直行,每個150大小,共放10個,那就是150寬,1500高
要注意的事這個contentSize也代表著能Scroll的範圍,所以設定的值若是比Scroll View的尺寸還小的話,該方向將無法拖移。
例如Scroll View為{150, 150};contentSize為{300, 0},就是只能橫向拖移;contentSize為{0, 300},就是只能縱向拖移
另外有想到一些設計上為了使用上的便利及直覺,會希望捲動是無限的,也就是一直往底端滑時,會自動重回到頂端不斷的循環滑下去,於是找到了參考資料:
這邊就要動到程式碼了,之後再試試