swift作为苹果的小儿子,在3.0之前的版本感觉一直不太成熟,所以只是简单的学习了一下,现在到了3.0之后,感觉已经好了很多;swift大势所趋,作为一个ioser 还是很有必要掌握的!本文介绍了一些swift下常用的第三方库,文章结尾会附带demo,有需要的小伙伴可以自行下载查阅!
1. Alamofire
swift下最常用的网络请求框架
- 先定义几个参数
let url = "https://baidu.com"
let param = ["id": device_id] as [String : Any]
- 然后来个最简单的调用
Alamofire.request(url)
这样就完成了一个最简单的网络请求,系统默认是get方法,我知道你怎么想的,请求的响应呢?客官莫急,后面我们会讲到。
带参数的调用
Alamofire.request(urlBase + urlHomeCategraies, parameters: parame)
想用post 怎么办
/// - Parameters:
/// - url: 请求地址
/// - method: 请求方法 .put .post .get ...
/// - encoding: 归档方式,一般默认就够用了
/// - headers: 请求头,不多说
Alamofire.request(url, method: .post, parameters: parame, encoding: JSONEncoding.default, headers: nil)
以上几个方法基本能够完成大部分的网络请求了,接下来就是请求完成后的操作!
- response
Alamofire.request(urlBase).response { (response) in
}
返回数据类型为json的response
Alamofire.request(urlBase).responseJSON{ (response) in
}
如果你的网址和参数都没错的话,这里的response就包含了你所需要的所有数据了。另外这里有个小坑需要注意一下:请求中的参数是不能用方法的,否则会报错,就像这样
Alamofire.request(url(urlHomeList)).responseJSON{ (response) in
}
func url(_ subUrl:String) -> String {
return urlBase + subUrl;
}
上面这个方法会爆请求参数错误,原因:在请求参数中的url需要遵循协议URLConvertible,当你传入的参数可以转换为URL时时没有问题的,但是这里我们传入的是函数,无法转换为URL,所以会报错!
- response
请求结束后就是拿我们需要的数据了
if let dataValue = response.result.value{
}
这里对response.result.value进行解包后的dataValue就是我们请求成功后的data 数据了,然后就是数据解析了,请转第二部分!
- .validate方法
Alamofire.request(url).validate(statusCode: 200...300)
这里参数是个 sequence,表示网络请求返回的状态,各位可以根据需要来添加,个人感觉这个方法有点鸡肋!
2. SwiftyJSON
swift下json解析工具,这里我们主要和Alamofire配合使用解析拿到的数据
Alamofire.request(url).responseJSON { response in
switch response.result {
case .success(let value):
let json = JSON(value)
print("JSON: \(json)")
case .failure(let error):
print(error)
}
}
这个是Github的例子,其中最主要的一句是这句
let json = JSON(value)
如果返回数据是data类型的,也可以这样写
let rootDic = JSON.init(data: value as! Data)
上面这两句代码等同于
if let rootDic = try? JSONSerialization.jsonObject(with: value, options: .allowFragments) as? [[String: Any]],
}
拿到字典或数组后就可以对其进行进一步处理,像这样
/// 可选型的 json 数据
let dataDic = rootDic["data"].dictionary
/// 非可选型的 json 数据
let dataDic = rootDic["data"].dictionaryValue
/// 可选型的 Any 数据类型
let dataDic = rootDic["data"].dictionaryObject
/// Array,String等其他类型都和字典一样有三个方法,可以根据需要来调用
let dataArr = dataDic["datalist"].arrayObject
另外我们也可以一步到位,将解包的操作全权交给工具来做
let dataArr = rootDic["data"]["datalist"].arrayObject
拿到数组以后就可以进行数据转模型的操作了,数据转模型没什么好说的,有需要的可以在文件结尾中的demo中查看,接下来就是数据展示了!要展示数据,那自然要用到UI布局,请看第三部分!
3. SnapKit
swift下自动布局工具,虽然苹果一直在推崇使用storyboard,但是鉴于其种种弊端,个人还是偏向于纯代码方式,SnapKit就是swift下的纯代码布局框架,类似于OC中的Masonry,如果会使用Masonry,SnapKit也很容易上手。
self.view.addSubview(box)
box.snp.makeConstraints { (make) -> Void in
make.width.height.equalTo(50)
make.center.equalTo(self.view)
}
首先需要把子视图添加到父视图上才能够进行布局,否则crash
上面这个是GitHub上的例子,表示视图宽高相等都等于50,视图中心等同于父视图。当你有多个约束条件相同的时候,都可以想上面那样连起来!
view.snp_makeConstraints { (make) in
make.edges.equalTo(self.view).inset(UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20))
}
最常用的方法
view1.snp_makeConstraints { (make) in
make.top.equalTo(self.view).offset(20)
make.left.equalTo(self.view).offset(30)
/// 距self.view的右边30(右边数字前要加减号,不然会变成超出右边30)
make.right.equalTo(self.view).offset(-30)
///距self.view的下边50(下边数字前要加减号,不然会变成超出下边50)
make.bottom.equalTo(self.view).offset(-50)
}
这几个方法基本就够用了,你也可以参考SnapKit自动布局使用详解进一步学习!
4.FDTemplateLayoutCell / DGTemplateLayoutCell
优雅的cell高度计算工具(优雅在何处,看我),对于cell高度的计算一直是个很头大的问题,较常用的方法是在model中计算出cell的高度直接赋值,但是并不很优雅,OC中的SDAutoLayout 一行代码搞定自动布局就是一个结合自动布局与cell高度计算的第三方框架!而在swift中尚未找到,也可能是我out了,所以这里我使用了FDTemplateLayoutCell(以下简称FD) 结合 SnapKit一起使用,同样能够优雅的实现cell高度计算!
FD中一共提供了三个计算高度的方法,如下
- method1
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
// 不带缓存计算高度
return tableView.fd_heightForCell(with: "cell") { (cell) in
// Configure this cell with data, same as what you've done in "-tableView:cellForRowAtIndexPath:"
// Like:
// cell.data = datas[indexPath.row]
}
}
- method2
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
// 通过indexPath缓存高度
return tableView.fd_heightForCell(with: "cell", cacheBy: indexPath) { (cell) in
// Configure this cell with data, same as what you've done in "-tableView:cellForRowAtIndexPath:"
// Like:
// cell.data = datas[indexPath.row]
}
}
- method3
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
// 通过identifer来缓存高度
return tableView.fd_heightForCell(with: "cell", cacheByKey: entity.identifier ?? "") { (cell) in
// Configure this cell with data, same as what you've done in "-tableView:cellForRowAtIndexPath:"
// Like:
// cell.data = datas[indexPath.row]
}
}
它们的使用分为两种
- 使用StoryBoard 或者Xib自动布局
在自定义cell中
cell.fd_usingFrameLayout = false // 默认就是false,所以不设置也是可以的
在tableview中调用上述任一方法即可,值得注意的是在设置约束时需要对cell.contentView的上下左右均有关联才能算成功的!否则,我也不知道会出现什么情况,由于我在StroyBoard和Xib略菜,所以很遗憾不能给各位提供demo,大家可以自己研究一下!
- 使用Frame
我使用的是SnapKit布局,实际上也可以算Frame,如果是第一次用的话,感觉真的好坑啊!
第一步:在cell中添加这句代码,告诉机器,我要用frame了,给我准备好
self.fd_usingFrameLayout = true
第二部:添加视图,进行布局,哇咔咔,FD有个神奇的功能,那就是自动计算视图的高度,不管你是label文字高度,还是ImageView的比例缩放,只要添加合适的约束,它都可以给你实现,老板再也不用当心我敲代码了!
__在lable中:__
titleLabel.snp.makeConstraints { (make) in
make.left.top.equalTo(10)
make.right.equalTo(-10)
}
像这样不需要设置titleLabel的高度,只需要设置左右和上方的约束,在添加text后即可自动返回高度,是不是很爽啊!
__在ImageView中:记得要设置imageView.contentMode__
imageView.snp.makeConstraints { (make) in
make.left.equalTo(titleLabel)
make.top.equalTo(titleLabel.snp.bottom).offset(10)
make.width.equalTo(imageWidth)
}
这样结合第三步就可以计算出cell的高度了
第三步:在cell中覆写 sizeThatFits 方法
override func sizeThatFits(_ size: CGSize) -> CGSize {
var totalHeight:CGFloat = 0
totalHeight += titleLabel.sizeThatFits(size).height // 需要帮我计算出title的高度使用这个方法
totalHeight += 75 // 自定义高度,不需要计算,直接+
totalHeight += 30 // margin
return CGSize.init(width: size.width, height: totalHeight)
}
覆写这个方法的目的就是为了返回cell的高度
第四步:在tableView中调用上述三种方法之一,不用翻回去看了
override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
// 通过indexPath缓存高度
return tableView.fd_heightForCell(with: "cell", cacheBy: indexPath) { (cell) in
// 在这里进行cell 赋值操作,和在方法 cellForRowAtIndexPath 中一样
}
}
接下来commond+R 就是见证奇迹的时刻!如果第一次没有达到你想要的效果,可以在tableView中打开debug来查看日志
self.tableView.fd_debugLogEnabled = true // default is false
5. Kingfisher
swift下加载图片工具
这个工具和OC中的SDWebimage 使用方法非常相似
testView.kf.setImage(with: URL.init(string: url), for: UIControlState.normal)
testView.kf.setImage(with: URL.init(string: url), for: UIControlState.normal, placeholder: nil, options: nil, progressBlock: { (receivedSize, totalSize) in
/// receivedSize 接受到的数据大小
/// totalSize 数据总的大小
}) { (catchImage, error, catchType, url) in
/// catchImage 缓存到的image
/// error 错误
/// catchType 枚举类型
/// url 缓存地址
}
这里的testView 可以是ImageView 也可以是Button,在button中还有设置背景图片的方法
testView.kf.setBackgroundImage(with: URL.init(string: url), for: UIControlState.normal)
testView.kf.setBackgroundImage(with: URL.init(string: url), for: UIControlState.normal, placeholder: nil, options: nil, progressBlock: { (receivedSize, totalSize) in
}) { (catchImage, error, catchType, url) in
}
这里如果你的图片显示不出来,十有八九是你的图片地址有问题,多检查一下
6. 福利来啦
- 个人写的一个小Demo,目前还在完善中,另外感谢Swift开源项目-模仿今日头条,在学习过程中有很大帮助!
- Demo2,这个采用的是MVVM设计模式,使用用了RxSwift,有兴趣的小伙伴可以参考一下!
** 觉得本文有用的小伙伴,可以动动小手给个赞,有问题的请留言,只要我看到了就会回复,另外本文还会不断的更新完善**