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

  • 格式:doc
  • 大小:21.50 KB
  • 文档页数:2

swift UI专项训练38 用代码实现滚屏ScrollView
有时候我们在一个页面中放不下所有内容,就需要用到
ScrollView,多余的内容可以通过滚动来获取。
首先定义一下宽和高,便于设备配适。
[plain] view plain copy let pageWidth = 320 let
pageHeight = 800

然后在viewDidLoad中初始化一个scrollView:
[plain] view plain copy 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显示到页面中:
[plain] view plain copy self.view.addSubview(scrollView)
然后我们把需要的内容加到这个scrollView中,例如增加一
个标题:
[plain] view plain copy 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,超出屏幕的高度,我们向下拖动,注意右侧出现的滚
动条:然后继续添加需要的内容就可以了。