Swift UI – 滚动视图(UIScrollView)

注:代码已升级至Swift4

基本使用

当内容尺寸超过屏幕时,使用UIScrollView可以实现滚动条视图,即手指触摸滚动屏幕方便浏览整个页面。

let scrollView = UIScrollView()
scrollView.frame = self.view.bounds
let imageView = UIImageView(image:UIImage(named:"bigpic"))
scrollView.contentSize = imageView.bounds.size
scrollView.addSubview(imageView)
self.view.addSubview(scrollView)

获取滚动视图移动的x,y坐标

通过scrollView.contentOffset.xscrollView.contentOffset.y,我们可以取到移动的偏移位置

import UIKit

class ViewController: UIViewController, UIScrollViewDelegate {

    var scrollView:UIScrollView!

    override func viewDidLoad() {
        super.viewDidLoad()

        scrollView = UIScrollView()
        //设置代理
        scrollView.delegate = self
        scrollView.frame = self.view.bounds
        let imageView = UIImageView(image:UIImage(named:"bigpic.jpg"))
        scrollView.contentSize = imageView.bounds.size
        scrollView.addSubview(imageView)
        self.view.addSubview(scrollView)
    }

    //视图滚动中一直触发
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        print("x:\(scrollView.contentOffset.x) y:\(scrollView.contentOffset.y)")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

手势放大缩小

要实现放大缩小功能,需要指定UIScrollView的允许缩放最大比例和最小比例(默认都是是1.0)。同时delegate属性指定一个委托类,委托类要继承UIScrollViewDelegate协议,并在委托类中实现viewForZooming方法。

注:在模拟器中测试,需要按住option键再拖动内容

scrollView.minimumZoomScale = 0.1  //最小比例
scrollView.maximumZoomScale = 3  //最大比例
scrollView.delegate = self

func viewForZooming(in scrollView: UIScrollView) -> UIView? {
    for subview : AnyObject in scrollView.subviews {
        if subview.isKind(of: UIImageView.self) {
            return subview as? UIView
        }
    }
    return nil
}

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/02/25/swift-ui-scroll-view-uiscrollview/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
Swift UI – 滚动视图(UIScrollView)
注:代码已升级至Swift4 基本使用 当内容尺寸超过屏幕时,使用UIScrollView可以实现滚动条视图,即手指触摸滚动屏幕方便浏览整个页面。 let scrollView = U……
<<上一篇
下一篇>>
文章目录
关闭
目 录