2015年

7月

12日

Swift Scroll 大きな画像のスクロール

一枚のAppleロゴ画像をスクロールして表示する方法。

 

Objective-Cの場合はこちら

Appleロゴ画像 Image.png

Appleロゴ画像は、Scroll Viewの上に乗っています。

View Mode:Top Left に設定

ViewController.m

import UIKit


class ViewController: UIViewController,UIScrollViewDelegate {


    @IBOutlet weak var svScroll: UIScrollView!

    

    @IBOutlet weak var ivImage: UIImageView!

    

    

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        

        // 準備処理

        doReady()

    }


    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }


    // 設定(ズーム対象)

    func viewForZoomingInScrollView(scrollView:UIScrollView)-> UIView? {

        

        return self.ivImage

    }

    

    // 準備処理

    func doReady(){

        

        /*

            *ImageViewへ制約の設定が必要

        [Pin]Spacingの値を、四方とも"0"ポイントにする。オートレイアウト機能をON

        */

        

        // 設定(デリゲート)

        self.svScroll.delegate = self

        

        // 設定(コンテンツサイズ(スクロール範囲))

        self.svScroll.contentSize = CGSizeMake(

                        self.ivImage.frame.size.width * 2.0,

                        self.ivImage.frame.size.height * 2.0)

        

        // 設定(ズーム倍率の閾値)

        self.svScroll.minimumZoomScale = 1.0

        self.svScroll.maximumZoomScale = 5.0

        

        // 設定(ページング機能)ページ単位で動く 4ページ

        self.svScroll.pagingEnabled = true

    }

}

GitHub Scroll_Swift

  

目 次