scroll view delegate 做分頁

Published in

彼得潘的 Swift iOS / Flutter App 開發教室

3 min readMay 5, 2019

--

首先，先參考以下的方法弄出一個版型

stack view + scroll view 製作分頁 tutorial (懶得寫程式版)

在開發 iOS App 時，我們時常以表格實現上下捲動的畫面。那如果是水平左右捲動的畫面呢 ? 左右捲動一般而言比較麻煩，往往要搭配程式，使用 scroll view ，collection view 或 page view…

medium.com

主要的元件：Scroll View、Page Control

先拉好Outlet

並且加入UIScrollViewDelegate（這裡很重要喔！）

取得動態小白點的位置

scrollViewDidEndDecelerating(_:) - UIScrollViewDelegate | Apple Developer Documentation

Tells the delegate that the scroll view has ended decelerating the scrolling movement.

developer.apple.com

可讓圖片放大縮小

viewForZooming(in:) - UIScrollViewDelegate | Apple Developer Documentation

Edit description

developer.apple.com

Scroll View這邊的Zoom要做縮放的調整

成品就出來囉

mochi1214/scroll-view-delegate

Contribute to mochi1214/scroll-view-delegate development by creating an account on GitHub.

github.com

Lila Wu

Written by Lila Wu

Writer for

彼得潘的 Swift iOS / Flutter App 開發教室

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams