swift UI專項訓練38 用代碼實現滾屏ScrollView

標籤：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