swift UI专项训练38 用代码实现滚屏ScrollView

有时候我们在一个页面中放不下所有内容，就需要用到ScrollView，多余的内容可以通过滚动来获取。

首先定义一下宽和高，便于设备配适。

let pageWidth = 320
    let pageHeight = 800

然后在viewDidLoad中初始化一个scrollView：

var scrollView = UIScrollView()
        scrollView.frame = self.view.bounds
        
        scrollView.contentSize=CGSizeMake(CGFloat(pageWidth),CGFloat(pageHeight))
        scrollView.pagingEnabled = true
        scrollView.showsHorizontalScrollIndicator = true
        scrollView.showsverticalScrollIndicator = true
        scrollView.scrollsToTop = true

要想实现滚屏，pagingEnabled必须设为true。

剩下的属性对应于是否显示水平滚动条、竖直滚动条和返回顶部的按钮。我们先把它设为true看看效果，别忘了把这个scrollView显示到页面中：

self.view.addSubview(scrollView)

然后我们把需要的内容加到这个scrollView中，例如增加一个标题：

var label1 = UILabel(frame: CGRectMake(50,70,240,30))
        label1.text = "记忆中的上汤娃娃菜"
        label1.textColor = UIColor.orangeColor()
        label1.font = UIFont.systemFontOfSize(23)
        scrollView.addSubview(label1)

运行一下看看效果

因为我们把scrollView的尺寸设定为高800，超出屏幕的高度，我们向下拖动，注意右侧出现的滚动条：

然后继续添加需要的内容就可以了。