swift 第六课 scrollview xib 的使用
2024-09-03 08:23:49
现在 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()
} }
最新文章
- 深入浅出C#中的静态与非静态
- 修改thinkphp路由模式,去掉Home
- MIT jos 6.828 Fall 2014 训练记录(lab 3)
- bzoj2333 [SCOI2011]棘手的操作
- (01)odoo8.0_Ubuntu14.04源码安装
- lib制作
- 代码研磨 Slim v3 (一)--app->;get()&;route->;add()
- C++如何处理内联虚函数
- firefox下对ajax的onreadystatechange的支持情况分析及解决
- ajaxFileUpload SyntaxError: syntax error
- 把所有的QT的类都过一遍脑子
- Zeppelin0.5.6使用hive解释器
- js 页面之间的跳转、传参以及返回上一页
- saltstack主机管理项目:主机管理项目需求分析(一)
- 2017年前小纪(有关http的一些缓存理论知识)
- TabLayout ViewPager Fragment 简介 案例 MD
- vue cli3 配置postcss
- Navicat for MySQL打开链接时出错错误为:2005 - Unknown MySQL server host &#39;localhost&#39;(0)?
- 解决微信小程序安卓手机访问不到图片,无法显示图片
- python 水仙花
热门文章
- 巧用linux云服务器下的的/dev/shm/,避开磁盘IO不给力!
- python | 不可变数据类型
- linux实操_shell预定义变量
- 第59题:螺旋矩阵 II
- linux命令集合(二)
- Java8-Lock-No.04
- JS客户端类型的判断
- 谷歌浏览器不兼容的一些Js
- 关于IE8的兼容性问题
- java.sql.SQLException: 不支持的字符集 (在类路径中添加 orai18n.jar): ZHS16GBK