iOS willDisplayCell 绘制圆角被覆盖-CFANZ编程社区

iOS实现"willDisplayCell绘制圆角被覆盖"的解决方案

概述

在开发iOS应用时，我们经常会使用UITableView来展示列表数据。有时候，我们希望给UITableViewCell添加圆角效果，但是当我们使用willDisplayCell方法来添加圆角时，会发现圆角被覆盖的问题。本文将介绍如何解决这个问题。

步骤及代码示例

下面是实现"willDisplayCell绘制圆角被覆盖"的具体步骤及对应的代码示例：

步骤	代码示例	说明
1. 在`tableView(_:willDisplay:forRowAt:)`方法中添加绘制圆角的代码	`swift<br>func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {<br> cell.contentView.layer.cornerRadius = 10<br> cell.contentView.layer.masksToBounds = true<br>}`	在该方法中，我们可以获取到即将显示的cell，通过设置cell的contentView的圆角属性，实现圆角效果，并将masksToBounds属性设置为true，保证圆角不会被覆盖
2. 在`tableView(_:cellForRowAt:)`方法中设置cell的背景色为透明	`swift<br>func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {<br> let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)<br> cell.backgroundColor = UIColor.clear<br> return cell<br>}`	由于UITableViewCell默认有一个白色的背景视图，会导致圆角被覆盖。通过将cell的背景色设置为透明，可以解决这个问题
3. 在`tableView(_:viewForHeaderInSection:)`方法中设置headerView的背景色为透明	`swift<br>func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {<br> let headerView = UIView()<br> headerView.backgroundColor = UIColor.clear<br> return headerView<br>}`	如果tableView有section header，同样需要将headerView的背景色设置为透明，以免影响圆角效果

代码解释

第一步代码解释

func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
    cell.contentView.layer.cornerRadius = 10
    cell.contentView.layer.masksToBounds = true
}

这段代码在tableView(_:willDisplay:forRowAt:)方法中，为即将显示的cell的contentView设置圆角属性。其中，cornerRadius属性用于设置圆角的半径，masksToBounds属性被设置为true，以确保圆角不会被覆盖。

第二步代码解释

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    cell.backgroundColor = UIColor.clear
    return cell
}

这段代码在tableView(_:cellForRowAt:)方法中，为每个cell设置背景色为透明，以避免默认的白色背景视图遮盖圆角效果。

第三步代码解释

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    let headerView = UIView()
    headerView.backgroundColor = UIColor.clear
    return headerView
}

这段代码在tableView(_:viewForHeaderInSection:)方法中，为section header的headerView设置背景色为透明，以确保圆角效果不会被覆盖。

总结

通过以上三个步骤的代码设置，我们可以解决"willDisplayCell绘制圆角被覆盖"的问题。首先，在tableView(_:willDisplay:forRowAt:)方法中，我们设置了即将显示的cell的圆角属性。然后，在tableView(_:cellForRowAt:)方法中，我们将每个cell的背景色设置为透明，以避免默认的白色背景视图遮盖圆角效果。最后，在tableView(_:viewForHeaderInSection:)方法中，我们将section header的headerView的背景色也设置为透明，以保证圆角效果的完整展示。

希望以上解决方案能帮助到你，如果