Ios/swift/画像ビューアー
提供: 初心者エンジニアの簡易メモ
画像ビューアーサンプル
画像urlを指定したサンプル
import UIKit import SDWebImage class ImageDetailViewController: UIViewController, UIScrollViewDelegate { @IBOutlet weak var _scrollView: UIScrollView! @IBOutlet weak var _imageView: UIImageView! private var _zoomScaleWidth:CGFloat = CGFloat() internal var imgpath: String! = "https://pbs.twimg.com/media/CnHuxaAWAAI0r3y.jpg" override func viewDidLoad() { super.viewDidLoad() navigationController?.setNavigationBarHidden(false, animated: false) if imgpath.containsString("http://") || imgpath.containsString("https://") { let imageURL = NSURL(string: imgpath) _imageView.sd_setImageWithURL(imageURL) } else { _imageView.image = UIImage(named:imgpath) } // 初期scale let myBoundSize: CGSize = UIScreen.mainScreen().bounds.size _zoomScaleWidth = CGFloat(_imageView.bounds.size.width) / CGFloat(myBoundSize.width) self._scrollView.delegate = self self._scrollView.minimumZoomScale = 0.1 self._scrollView.maximumZoomScale = 8 self._scrollView.scrollEnabled = true self._scrollView.showsHorizontalScrollIndicator = true self._scrollView.showsVerticalScrollIndicator = true let doubleTapGesture: UITapGestureRecognizer = UITapGestureRecognizer(target: self , action:#selector(self.doubleTap(_:))) doubleTapGesture.numberOfTapsRequired = 2 self._imageView.userInteractionEnabled = true self._imageView.addGestureRecognizer(doubleTapGesture) self._scrollView.setZoomScale(_zoomScaleWidth, animated: false) // 初期表示のためcontentInsetを更新 updateScrollInset() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } // ピンチイン・ピンチアウト func viewForZoomingInScrollView(scrollView: UIScrollView) -> UIView? { return self._imageView } // ダブルタップ func doubleTap(gesture: UITapGestureRecognizer) -> Void { if ( self._scrollView.zoomScale < self._scrollView.maximumZoomScale ) { let newScale:CGFloat = self._scrollView.zoomScale * 3.7 let zoomRect:CGRect = self.zoomRectForScale(newScale, center: gesture.locationInView(gesture.view)) self._scrollView.zoomToRect(zoomRect, animated: true) } else { self._scrollView.setZoomScale(_zoomScaleWidth, animated: true) } } // 領域 func zoomRectForScale(scale:CGFloat, center: CGPoint) -> CGRect{ var zoomRect: CGRect = CGRect() zoomRect.size.height = self._scrollView.frame.size.height / scale zoomRect.size.width = self._scrollView.frame.size.width / scale zoomRect.origin.x = center.x - zoomRect.size.width / 2.0 zoomRect.origin.y = center.y - zoomRect.size.height / 2.0 return zoomRect } func scrollViewDidZoom(scrollView: UIScrollView) { // ズームのタイミングでcontentInsetを更新 updateScrollInset() } private func updateScrollInset() { // imageViewの大きさからcontentInsetを再計算 // なお、0を下回らないようにする _scrollView.contentInset = UIEdgeInsetsMake( max((_scrollView.frame.height - _imageView.frame.height)/2, 0), max((_scrollView.frame.width - _imageView.frame.width)/2, 0), 0, 0 ); } }