swift 第六课 scrollview xib 的使用

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

现在 xib，stroyBoard 这种图形话的编辑写代码，越来越简单。以前scrollview 这样的控件不会用xib ，网上查了好多的资料。现在把步骤逐渐的写出来，

这里顺便写个Demo ，是一个scrollview 上左右两个tableview

先呈现先实现的效果： sgement 可以切换 table；table 的父视图scroll 滚动可以改变 segment 的selectIndex

实现步骤：

1.简单设置下 segment 的约束

2.scrollview 的约束,这个约束的是可视范围

3.scollview 的滚动范围设置，添加一个View，作为滚动视图的Content 视图，设置这个view 约束

4.在滚动范围的view上拖拽两个table view 水平放置

5.以上已经把约束设置好了，转下开始写代码

import UIKit

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource{

    @IBOutlet weak var segment: UISegmentedControl!
    
    @IBOutlet weak var scrollview: UIScrollView!
    
    @IBOutlet weak var leftTable: UITableView!
    
    @IBOutlet weak var rightTable: UITableView!
    
    lazy var leftArr :Array<String>? = {
    
        var arr = Array<String>()
        for i in 0...10{
        
            var str = String(format:"这是left Table 第 - %d - 行",i)
            arr.append(str)
        }
        return arr
    }()
    
    lazy var rightArr :Array<String>? = {

        var arr = Array<String>()
        for i in 0...26{
            
            var str = String(format:"我是英文字母 -- %c",putchar(64 + i))
            arr.append(str)
        }
        return arr
    }()
    
    lazy var  scrollWidth :CGFloat? = { [unowned self] in
    
        self.scrollview.layoutIfNeeded()
        return  self.scrollview.frame.size.width
    }()
    
    /**
     segment  Action
     */
    
    @IBAction func didSegmentControlClick(_ sender: UISegmentedControl) {
   
        self.scrollview.setContentOffset(CGPoint(x:CGFloat(sender.selectedSegmentIndex)  * self.scrollWidth!,y: 0), animated: true)
    }
   
    /**
     scroll view delegate
     */

    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        
        self.segment.selectedSegmentIndex = Int(self.scrollview.contentOffset.x / self.scrollWidth! )
    }
/*
     tableview delegate datasource
     */
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
        
        if tableView == self.leftTable {
            return (self.leftArr?.count)!
        }
        return self.rightArr!.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{
        
        var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
        if  cell == nil {
            cell = UITableViewCell.init(style: .default, reuseIdentifier: "cell")
        }
        if self.leftTable == tableView {
            cell?.textLabel?.text = self.leftArr?[indexPath.row]
        }else{
            cell?.textLabel?.text = self.rightArr?[indexPath.row]
        }
        
        return cell!
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat{
        return 45
    }

    /**
     这个VC 的方法
    */    
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

}