swift 4自定义UITableCell的方法示例

2020-01-09 00:16:15于丽

给TableCell附值

在 MenuCell 里新建一个方法,可以把在 TableView里创建好的数据传过来并给icon,title,附上值


func setValueForCell(menu: MenuModel) {
 title.text = menu.title
 icon = ImageUtil.loadImageFromUrl(imageView: icon, url: menu.url)
}

方法里的 ImageUtil 是我封装的一个静态方法,用于显示网络图片的


class ImageUtil {
 
 class func loadImageFromUrl(imageView: UIImageView, url: String) -> UIImageView {
 //定义URL对象
 let url = URL(string: url)
 //从网络获取数据流
 let data = try! Data(contentsOf: url!)
 //通过数据流初始化图片
 let newImage = UIImage(data: data)
 imageView.image = newImage
 return imageView
 }
}

上面自定义的加载网络图片的方法会有很长的延迟,当点击Cell进入下一面的时候,网络加载会花大量时间,这样会导致页面出现白屏,解决办法有两个,一个是把加载图片的地方改成异步加载,一个是引用第三方的图片加载库
将网络消耗的代码放在异步线程里方法


func setValueForCell(menu: MenuModel) {
 title.text = menu.title
 DispatchQueue.global().async {
 self.icon = ImageUtil.loadImageFromUrl(imageView: self.icon, url: menu.url)
 }
 //icon = ImageUtil.loadImageFromUrl(imageView: icon, url: menu.url)
}

这样程序就不会卡了,运行会看到图片最开始是没有的,然后慢慢的加载出来,但这样xcode会报一个错 UIImageView.image must be used from main thread only 网上查了一下,这是把ui操作放在异步里执行的问题,如果一个异步操作耗时很长,那么程序就会进入假死状态,系统就会弹出 就用无响应 这样的提示,所以这种是不推荐的

另一种是引入第三方类库 https://www.easck.com//设置加载菊花 self.icon.kf.indicatorType = .activity self.icon.kf.setImage(with: url)

方法里的 MenuModel 是我定义的一个菜单的结构体