码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2015-03-16 13:00:49      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:ios8   swift   ui设计   uiscrollview   屏幕滚动   

   有时候我们在一个页面中放不下所有内容,就需要用到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 UI专项训练38 用代码实现滚屏ScrollView

标签:ios8   swift   ui设计   uiscrollview   屏幕滚动   

原文地址:http://blog.csdn.net/cg1991130/article/details/44302813

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!