现在 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()
}
}
|
请发表评论