Swift 4 Xcode 9中TableViewController图标初始尺寸异常求助

这个问题我之前帮不少开发者排查过，大概率是TableView的复用机制或者自动布局约束配置不完善导致的，给你几个具体的排查和解决步骤：

• 检查并固定图标ImageView的约束
  如果你是用Storyboard/XIB创建的cell，确保给天气图标ImageView添加了明确的width和height约束，或者和cell内其他元素建立了稳定的约束关系（比如和label的间距、和cell边缘的距离），避免系统初始布局时无法正确计算图标尺寸。如果是纯代码创建cell，记得在配置时主动添加尺寸约束：

  // 示例：在cell的初始化或配置方法中添加约束
  weatherIconImageView.translatesAutoresizingMaskIntoConstraints = false
  NSLayoutConstraint.activate([
      weatherIconImageView.widthAnchor.constraint(equalToConstant: 40),
      weatherIconImageView.heightAnchor.constraint(equalToConstant: 40),
      weatherIconImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
      weatherIconImageView.centerYAnchor.constraint(equalTo: contentView.centerYAnchor)
  ])
  

• 重置cell复用时的图标状态
  TableView复用cell时，可能会保留之前cell的图片布局状态。在cellForRowAt方法或者cell的配置方法里，务必手动设置图标的contentMode，避免复用导致的尺寸异常：

  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
      let cell = tableView.dequeueReusableCell(withIdentifier: "WeatherCell", for: indexPath) as! WeatherCell
      let weatherData = forecastData[indexPath.row]
      
      // 设置图标
      cell.weatherIconImageView.image = UIImage(named: weatherData.iconName)
      // 强制设置contentMode，确保图片按比例缩放
      cell.weatherIconImageView.contentMode = .scaleAspectFit
      // 可选：清空之前的图片，避免复用残留
      // cell.weatherIconImageView.image = nil
      
      return cell
  }
  

• 处理异步图片加载的布局更新
  如果你的图标是从网络加载的，初始时图片还未加载完成，系统会用默认尺寸布局，等图片加载完成后才会更新，但滚动后复用cell时图片已经缓存，所以尺寸恢复正常。这种情况要在图片加载完成后主动触发cell的布局更新：

  // 示例：异步加载图片后更新布局
  func loadWeatherIcon(from url: URL, for cell: WeatherCell, at indexPath: IndexPath) {
      URLSession.shared.dataTask(with: url) { data, _, error in
          guard let data = data, let image = UIImage(data: data) else { return }
          DispatchQueue.main.async {
              cell.weatherIconImageView.image = image
              // 触发布局重绘
              cell.setNeedsLayout()
              cell.layoutIfNeeded()
              // 或者刷新当前行（如果cell已经在屏幕上）
              // self.tableView.reloadRows(at: [indexPath], with: .automatic)
          }
      }.resume()
  }
  

• 检查TableView的行高设置
  如果你开启了自动行高（UITableView.automaticDimension），确保estimatedRowHeight设置的数值和实际行高接近，错误的估计行高会导致初始布局时系统计算错误，滚动后重新计算才恢复正常：

  override func viewDidLoad() {
      super.viewDidLoad()
      tableView.rowHeight = UITableView.automaticDimension
      tableView.estimatedRowHeight = 60 // 设置和实际行高接近的值
  }
  

你可以按这个顺序排查，先从约束和contentMode入手，这两个是最常见的原因。

内容的提问来源于stack exchange，提问作者Noah Schmidt