iosxib 设置图片_【iOS】xib+10行代码搞定scrollview图片查看

最终效果

Platform: iOS8.0+

Language: Swift3.0

Editor: Xcode8

1.在storyboard上拖一个UIScrollView

scrollview 约束

2.再在UIScrollView中拖一个UIImageView

01 imageview 约束

02 为了避免约束报错/警告，给imageview设置一张图片

03 Update Frames

3.绑定@IBOutlet

@IBOutlet weak var scrollView: UIScrollView!

@IBOutlet weak var imageView: UIImageView!

// 约束 - 居中显示用

@IBOutlet weak var ivLeadingCons: NSLayoutConstraint!

@IBOutlet weak var ivTrailingCons: NSLayoutConstraint!

@IBOutlet weak var ivTopCons: NSLayoutConstraint!

@IBOutlet weak var ivBottomCons: NSLayoutConstraint!

4.添加方法

override func viewDidLayoutSubviews() {

super.viewDidLayoutSubviews()

scaleImageViewForAdjustingViewSize()

}

// 缩放到屏幕合适

fileprivate func scaleImageViewForAdjustingViewSize()

{

let minScale = min(view.bounds.size.width / imageView.bounds.size.width, view.bounds.size.height / imageView.bounds.size.height)

scrollView.minimumZoomScale = minScale //最小缩放值

scrollView.zoomScale = minScale //当前缩放值

}

// 居中显示

fileprivate func updateConstraintsForPositioningImageViewCenterly()

{

let yOffset = max(0, (view.bounds.size.height - imageView.frame.size.height)/2)

let xOffset = max(0, (view.bounds.size.width - imageView.frame.size.width)/2)

// 设置约束 - 相当于设置scrollview的contentsize，这样它才能滚动内容

ivTopCons.constant = yOffset

ivBottomCons.constant = yOffset

ivLeadingCons.constant = xOffset

ivTrailingCons.constant = xOffset

view.layoutIfNeeded()

}

extension ViewController: UIScrollViewDelegate{

func viewForZooming(in scrollView: UIScrollView) -> UIView? {

return imageView

}

func scrollViewDidZoom(_ scrollView: UIScrollView) {

updateConstraintsForPositioningImageViewCenterly()

}

}

5.Build and run to see what does it looks like.

如果对你有帮助，别忘了点个❤️哦。