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