【Swift】ズームできるViewの作り方（答えはScrollView）

ズームできるViewを作るには

ズバリ、UIScrollViewを使用します。

<完成例>

細かくみていきましょう。

１. xibファイルにScrollViewとViewを設置

下記のような構成でパーツを配置し、制約をつけます。

２. 設置したパーツをコードに接続

xibファイルに設置したScrollViewとズームの対象となるViewをSwiftファイルに接続します。

３. swiftファイルでUIScrollViewDelegateの「viewForZooming」という関数を呼び出す

UIScrollViewDelegateには、「viewForZooming」という関数があります。

ズームさせたいViewをreturnで返して設定します。

（UIImageViewでも可能です。）

extension TopMainView: UIScrollViewDelegate {
    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        return targetView
    }
}

targetViewをズームさせたいViewに変更してください。

Delegate関数を使用したので、下記の１行を忘れずに！☆

scrollView.delegate = self

４. ズームのスケールを設定

最後に、ズームできる最大と最小の大きさを設定します。

例えば下記のように記述すると、「最大８倍まで」「最小１倍まで」ズームできるようになります。

scrollView.maximumZoomScale = 8.0
scrollView.minimumZoomScale = 1.0

お好みの大きさを指定しましょう！

ABOUT ME

伊原 萌夏

スクール担当 兼 iOS(時々Web)エンジニア。 2019年7月に大学を一年半で辞め、大学とは別で勉強していたプログラムの世界で生きていくことを決意。翌月8月に入社。 主にSwiftのスクールを担当。