为UITableViewCell中的UIView添加阴影及自定义实现咨询

Great question! Adding a shadow to a cell's internal UIView is straightforward—you just need to know where to apply the shadow configuration and what properties to tweak. Here are the two best approaches, depending on your setup:

Option 1: Use a Custom UITableViewCell Subclass (Recommended) #

This is the cleanest, most reusable approach. If you haven’t already, create a subclass of UITableViewCell and connect your shadow UIView as an IBOutlet (if using storyboards/XIBs) or create it programmatically.

Step 1: Create the Custom Cell Subclass #

import UIKit

class ShadowedCell: UITableViewCell {
    // Connect this outlet to your UIView in the storyboard/XIB
    @IBOutlet weak var shadowContainerView: UIView!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        setupShadow()
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // Re-apply shadow if the view's bounds change (e.g., screen rotation)
        setupShadow()
    }
    
    private func setupShadow() {
        // Configure core shadow properties
        shadowContainerView.layer.shadowColor = UIColor.black.cgColor
        shadowContainerView.layer.shadowOpacity = 0.3 // Adjust from 0 (transparent) to 1 (opaque)
        shadowContainerView.layer.shadowOffset = CGSize(width: 0, height: 2) // Horizontal/vertical shift
        shadowContainerView.layer.shadowRadius = 4 // Blur intensity
        shadowContainerView.layer.masksToBounds = false // Critical: don't clip the shadow
        
        // Optional: Add rounded corners to the view
        shadowContainerView.layer.cornerRadius = 8
        shadowContainerView.backgroundColor = .white // Ensure opaque background for shadow contrast
    }
}

Step 2: Use the Custom Cell in Your TableView #

Update your cell dequeuing code to use the custom class:

let profil = ["Eric","Eric","Eric","Eric","Eric","Eric"]

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return profil.count
}

public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "ShadowedCell", for: indexPath) as! ShadowedCell
    // Configure other cell content (e.g., labels)
    cell.textLabel?.text = profil[indexPath.row]
    return cell
}

Option 2: Configure Shadow Directly in cellForRowAt (No Subclass) #

If you prefer not to create a subclass, you can set up the shadow when configuring the cell. Just remember to reset shadow properties first to avoid issues with cell reuse:

let profil = ["Eric","Eric","Eric","Eric","Eric","Eric"]

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return profil.count
}

public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellIdentifier", for: indexPath)
    
    // Assume your shadow view is tagged with 100 in the storyboard
    guard let shadowView = cell.contentView.viewWithTag(100) as? UIView else {
        return cell
    }
    
    // Reset shadow properties to avoid reuse artifacts
    shadowView.layer.shadowColor = nil
    shadowView.layer.shadowOpacity = 0
    shadowView.layer.shadowOffset = .zero
    shadowView.layer.shadowRadius = 0
    
    // Apply custom shadow
    shadowView.layer.shadowColor = UIColor.darkGray.cgColor
    shadowView.layer.shadowOpacity = 0.4
    shadowView.layer.shadowOffset = CGSize(width: 1, height: 3)
    shadowView.layer.shadowRadius = 5
    shadowView.layer.masksToBounds = false
    shadowView.backgroundColor = .white
    
    // Configure cell content
    cell.textLabel?.text = profil[indexPath.row]
    
    return cell
}

Key Tips for Shadow Setup: #

• masksToBounds = false: This is non-negotiable—setting it to true will clip the shadow inside the view’s bounds, making it invisible.
• Background Contrast: Use an opaque background color (like white) for your shadow view so the shadow stands out against the table background.
• Reuse Safety: When setting shadows directly in cellForRowAt, always reset properties first to clear leftover settings from recycled cells.

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