swift 第六课 scrollview xib 的使用

现在 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()
    }

}