swift UI特殊培訓38 與滾動碼ScrollView

來源:互聯網
上載者:User

標籤:

   有時我們適合頁面的全部內容,我們需要使用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。

剩下的屬性相應於是否顯示水平滾動欄、豎直滾動欄和返回頂部的button。我們先把它設為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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.