前言
接下来的一个月我会每日一练, 目的是熟悉掌握swift的编码. 从易到难的过程, 记录自己每天学到什么, 需要注意什么,怎么解决问题. 学习小技巧: 先运行程序, 自己琢磨一下要是你自己实现该效果, 你会怎么去实现, 你的思路是什么.等理清这些之后,再跟着别人的代码写, 看看你和别人之间的差距在哪里. 或者说你是否有更好的实现方式去实现这个效果.
-
首先看看实现的效果
day-01.gif
思路整理:
- 项目是用storyboard和代码混编的, 大多数界面都是在storyboard中实现, 逻辑是用代码编写.
- 需要注意的是: storyboard中的标识, 标识是很容易忘记的, 如果没有设置标识符就会报错, 说明storyboard中的cell和代码中的cell的标识需要设置成一致
- 点击跳转的时候需要拿到目标控制器, 所以也需要设置segue的标识, 根据标识跳转到对应的控制器
reason: 'unable to dequeue a cell with identifier identifer - must register a nib or a class for the identifier or connect a prototype cell in a storyboard'
观察storyboard界面
storyboard界面
容易遗忘的标识
-
Cell的标识ID
Cell的标识ID -
segue的标识ID
segue的标识ID
代码实现
- ProductsTableViewController控制器
import UIKit
// 全局公用, 其他项目也能使用
let width = UIScreen.main.bounds.size.width
let height = UIScreen.main.bounds.size.height
fileprivate let identifer = "identifer"
class ProductsTableViewController: UITableViewController {
// 保存数据的数组
fileprivate var products: [Product]?
override func viewDidLoad() {
super.viewDidLoad()
// 加载数据
products = [
Product(name: "1907 Wall Set", cellImageName: "image-cell1", backImageViewName: "phone-fullscreen1"),
Product(name: "1921 Dial Phone", cellImageName: "image-cell2", backImageViewName: "phone-fullscreen2"),
Product(name: "1937 Desk Set", cellImageName: "image-cell3", backImageViewName: "phone-fullscreen3"),
Product(name: "1984 Moto Portable", cellImageName: "image-cell4", backImageViewName: "phone-fullscreen4"),
Product(name: "1984 Moto Portable", cellImageName: "image-cell4", backImageViewName: "phone-fullscreen4")
]
}
}
extension ProductsTableViewController {
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
// 可以直接使用强制解包 return products!.count
// 避开了强制解包, 使用的是可选绑定, 当然也是可以使用强制解包的
if let products = products {
return products.count
}
return 0
}
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
// 注意: 需要和storyboard中的cell的标识一致
let cell = tableView.dequeueReusableCell(withIdentifier: identifer, for: indexPath)
cell.textLabel?.text = products?[(indexPath as NSIndexPath).row].name
// 可选绑定, 判断是否有值
if let imageName = products?[(indexPath as NSIndexPath).row].cellImageName {
cell.imageView?.image = UIImage(named: imageName)
}
return cell
}
// 跳转控制器前要做的事都在这里
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
if segue.identifier == "showProduct" {
if let cell = sender as? UITableViewCell,
let indexPath = tableView.indexPath(for: cell),
let productVC = segue.destination as? ProductViewController {
productVC.product = products?[(indexPath as NSIndexPath).row]
}
}
}
}
需要注意的:
1, 需要熟悉在控制器中代码的编码规范是怎么样的
2, 项目几乎将用到强制解包的地方全部换成了可选绑定, 所以, 在项目中尽量少使用或者说不使用强制解包, 用可选绑定代替
3, 协议中方法一般都是重新写在一个分类中, 使用extension即可, 这样做的好处就是便于维护和代码规范
- Product类
import Foundation
class Product {
// cell.text
var name: String?
// cell.image
var cellImageName: String?
// backgroundImageView
var backImageViewName: String?
// 自定义构造函数
init(name: String, cellImageName: String, backImageViewName: String ) {
self.name = name
self.cellImageName = cellImageName
self.backImageViewName = backImageViewName
}
}
自定义类需要注意的
1, 可以不用继承任何类, 这样的意思就是它自己本身就是一个基类
2, 但是, 如果我们需要用到某个类中的方法, 那么我们必须要继承, 比如说: 我们需要使用到KVC, 那么我们的Product这个类必须要继承自NSObject这个类
3, 所有的类的名称首字母都必须大写
4, 注意如何声明属性, 当参数和声明的属性或者自带的属性一样时, 需要使用self, 将它们区别开来.
5, 自定义构造器, 都是init()中编码的
代码来源: swift30Projects
总结: 打算每天一练, 将在练习中领悟到的记录下来, 不能小看基础, 更不能高估难题, 没有亲身经历, 怎么知道自己还有哪些是不懂得, 哪些是自己可以实现的.养成一个好的编码规范, 自己才有竞争力.
