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

前端之家收集整理的这篇文章主要介绍了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,超出屏幕的高度,我们向下拖动,注意右侧出现的滚动条:


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

猜你在找的Swift相关文章