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

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

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

let pageWidth = 320let pageHeight = 800然后在viewDidLoad中初始化一个scrollView:

var scrollView = UIScrollView()scrollView.frame = self.view.boundsscrollView.contentSize=CGSizeMake(CGFloat(pageWidth), CGFloat(pageHeight))scrollView.pagingEnabled = truescrollView.showsHorizontalScrollIndicator = truescrollView.showsVerticalScrollIndicator = truescrollView.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 UI专项训练38 用代码实现滚屏ScrollView

相关文章:

你感兴趣的文章:

标签云: