现在 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 ...{ 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 ...{ var str = String(format:"我是英文字母 -- %c",putchar( + 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: ), 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
}
/**
这个VC 的方法
*/
override func viewDidLoad() {
super.viewDidLoad()
} override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
} }

最新文章

  1. 深入浅出C#中的静态与非静态
  2. 修改thinkphp路由模式,去掉Home
  3. MIT jos 6.828 Fall 2014 训练记录(lab 3)
  4. bzoj2333 [SCOI2011]棘手的操作
  5. (01)odoo8.0_Ubuntu14.04源码安装
  6. lib制作
  7. 代码研磨 Slim v3 (一)--app-&gt;get()&amp;route-&gt;add()
  8. C++如何处理内联虚函数
  9. firefox下对ajax的onreadystatechange的支持情况分析及解决
  10. ajaxFileUpload SyntaxError: syntax error
  11. 把所有的QT的类都过一遍脑子
  12. Zeppelin0.5.6使用hive解释器
  13. js 页面之间的跳转、传参以及返回上一页
  14. saltstack主机管理项目:主机管理项目需求分析(一)
  15. 2017年前小纪(有关http的一些缓存理论知识)
  16. TabLayout ViewPager Fragment 简介 案例 MD
  17. vue cli3 配置postcss
  18. Navicat for MySQL打开链接时出错错误为:2005 - Unknown MySQL server host &#39;localhost&#39;(0)?
  19. 解决微信小程序安卓手机访问不到图片,无法显示图片
  20. python 水仙花

热门文章

  1. 巧用linux云服务器下的的/dev/shm/,避开磁盘IO不给力!
  2. python | 不可变数据类型
  3. linux实操_shell预定义变量
  4. 第59题:螺旋矩阵 II
  5. linux命令集合(二)
  6. Java8-Lock-No.04
  7. JS客户端类型的判断
  8. 谷歌浏览器不兼容的一些Js
  9. 关于IE8的兼容性问题
  10. java.sql.SQLException: 不支持的字符集 (在类路径中添加 orai18n.jar): ZHS16GBK