Swift - 使用UIScrollView实现页面滚动切换

最新推荐文章于 2024-08-03 22:41:55 发布

weixin_33860722

最新推荐文章于 2024-08-03 22:41:55 发布

阅读量696

点赞数 1

文章标签： swift

UIScrollView提供了以页面为单位滚动显示各个子页面内容的功能，每次手指滑动后会滚动一屏的内容。

要实现该功能，需要如下操作：

1，将UIScrollView的pagingEnabled属性设置成true

2，必须通过contentSize属性设置各个页面相加的宽度。比如iphone手机一屏宽度是320，如果有3个页面，则contentSize就需要设置为320*3=960

3，最好将showsHorizontalScrollIndicator和showsVerticalScrollIndicator设置成false隐藏横向和纵向滚动条。

4，如果scrollsToTop不需要也设置成false。

--- 主页面 ---

 
         class 
         ViewController 
         :  
         UIViewController 
         { 
        
         let 
         numOfPages = 3 
        
         let 
         pageWidth = 320 
        
         let 
         pageHeight = 360 
        
         override 
         func 
         viewDidLoad(){ 
        
         super 
         .viewDidLoad() 
        
         //scrollView的初始化 
        
         var 
         scrollView =  
         UIScrollView 
         () 
        
         scrollView.frame =  
         self 
         .view.bounds 
        
         //为了让内容横向滚动，设置横向内容宽度为3个页面的宽度总和 
        
         scrollView.contenSize= 
         CGSizeMake 
         ( 
         CGFloat 
         (pageWidth*numOfPages),  
         CGFloat 
         (pageHeight)) 
        
         scrollView.pagingEnabled =  
         true 
        
         scrollView.showsHorizontalScrollIndicator =  
         false 
        
         scrollView.showsVerticalScrollIndicator =  
         false 
        
         scrollView.scrollsToTop =  
         false 
        
         //添加子页面 
        
         for 
         i  
         in 
         0..numOfPages{ 
        
         var 
         myViewController =  
         MyViewController 
         (number:(i+1)) 
        
         myViewController.view.frame =  
         CGRectMake 
         ( 
         CGFloat 
         (pageWidth*i), 
        
         CGFloat 
         (0),  
         CGFloat 
         (pageWidth),  
         CGFloat 
         (pageHeight)) 
        
         scrollView.addSubview(myViewController.view) 
        
         } 
        
         self 
         .view.addSubview(scrollView) 
        
         } 
        
         }

--- 子页面 ---

 
       class 
       MyViewController 
       :  
       UIViewController 
       { 
      
       var 
       number: 
       Int 
       ! 
      
       let 
       colorMap=[ 
      
       1: 
       UIColor 
       .blackColor(), 
      
       2: 
       UIColor 
       .orangeColor(), 
      
       3: 
       UIColor 
       .blueColor() 
      
       ] 
      
       init 
       (number initNumber: 
       Int 
       ){ 
      
       self 
       .number = initNumer 
      
       super 
       . 
       init 
       (nibNmae: 
       nil 
       , bundle: 
       nil 
       ) 
      
       } 
      
       override 
       func 
       viewDidLoad(){ 
      
       var 
       numberLabel =  
       UILabel 
       (frame: 
       CGRectMake 
       (0,0,100,100)) 
      
       numberLabel.center =  
       self 
       .view.center 
      
       numberLabel.text =  
       "第\(number)页" 
      
       numberLabel.textColor =  
       UIColor 
       .whiteColor() 
      
       self 
       .view.addSubview(numberLabel) 
      
       self 
       .view.backgroundColor = colorMap[number] 
      
       } 
      
       }