如何为UITableViewCell设置内边距/外边距、圆角及移除多余单元格？

Hey there! Let's work through your UITableView problems one by one to get that clean, floating cell look you want, fix the nil crash, and get rid of those extra empty cells.

1. Fixing Layout Chaos: Floating Cells with Rounded Corners & Padding/Margin #

The key here is to avoid modifying the cell's frame directly—instead, use a container view inside the cell's contentView to handle padding, rounding, and the floating effect. Here's how to do it right:

Step 1: Set Up Your Custom Cell #

• Create a custom UITableViewCell subclass (let's call it FloatingTableViewCell).
• Add a UIView (name it containerView) as a subview of contentView.
• Add constraints to containerView to create padding: set top, bottom, leading, trailing constraints to contentView with constants like 10 (adjust based on your desired margin).
• Place all your cell's content (labels, images, etc.) inside containerView.

Step 2: Style the Container for Floating Effect #

In your custom cell's awakeFromNib() or init(style:reuseIdentifier:) method, add this code:

containerView.layer.cornerRadius = 20.0
containerView.layer.masksToBounds = true
// Add shadow for that floating look (optional but nice)
containerView.layer.shadowColor = UIColor.black.cgColor
containerView.layer.shadowOpacity = 0.1
containerView.layer.shadowOffset = CGSize(width: 0, height: 2)
containerView.layer.shadowRadius = 4.0
// Make sure contentView and cell are transparent so shadow shows through
contentView.backgroundColor = .clear
backgroundColor = .clear

Step 3: Configure Cell Reuse Correctly #

In your view controller's viewDidLoad(), register your custom cell:

tableView.register(FloatingTableViewCell.self, forCellReuseIdentifier: "FloatingCell")
// Or if using a XIB:
// tableView.register(UINib(nibName: "FloatingTableViewCell", bundle: nil), forCellReuseIdentifier: "FloatingCell")

Then in cellForRowAt:

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "FloatingCell", for: indexPath) as! FloatingTableViewCell
    // Configure your cell's content here
    return cell
}

This approach keeps your layout stable because you're working within the cell's auto layout system instead of overriding frames.

2. Fixing the cell.cellView.layer.cornerRadius Nil Crash #

That nil error happens because cellView isn't properly connected or accessible when you try to access it. Here are the most common fixes:

• Check IBOutlet Connections: If you're using a storyboard/XIB, make sure cellView is correctly linked from the view to your custom cell class. Open the Connections Inspector and verify there are no broken links.
• Ensure You're Using the Correct Cell Type: When dequeuing cells, you must cast it to your custom cell subclass (like as! FloatingTableViewCell above). If you forget this, you'll get a regular UITableViewCell which doesn't have a cellView property, leading to nil.
• Modify the View in the Right Place: Don't try to access cellView before the cell is fully initialized. Use the cell's awakeFromNib() method (for XIB/storyboard cells) or init(style:reuseIdentifier:) (for programmatic cells) to set up layer properties, instead of setting them directly in cellForRowAt (unless you're sure the cell is fully loaded).

3. Removing Extra Empty Cells #

To hide those unused empty cells at the bottom of your table view, just set its tableFooterView to an empty UIView in your view controller's viewDidLoad():

tableView.tableFooterView = UIView(frame: .zero)

This tells the table view there's no footer content, so it won't render those extra empty cells. If you're using a grouped table view, you might also want to set:

tableView.sectionFooterHeight = 0
tableView.sectionHeaderHeight = 0 // If you don't need headers either

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