UITableViewCell 中的 CALayer 阴影绘制不正确

Question

我正在使用 CALayer 将阴影应用到 UITableViewCell。

这是我的代码：

- (void)addShadowToView:(UIView *)view
{
    // shadow
    view.layer.shadowColor = [[UIColor colorWithWhite:0.0f alpha:0.1f] CGColor];
    view.layer.shadowOpacity = 1.0f;
    view.layer.shadowOffset = CGSizeMake(0.0f, 3.0f);
    view.layer.shadowRadius = 6.0f;

    CGRect shadowFrame = view.layer.bounds;
    CGPathRef shadowPath = [UIBezierPath bezierPathWithRect:shadowFrame].CGPath;
    view.layer.shadowPath = shadowPath;
}

问题是对于某些 tableviewcells，阴影没有跨越单元格的整个宽度。对于一些细胞来说它是正确的，对于其他细胞来说它是错误的。我确实注意到设备的旋转也会影响它，重新加载 tableview 数据有时会解决它。

缓解此问题的最佳方法是什么（我并不是说每次旋转时都重新加载整个表视图等）？

正确应用阴影的单元格底部示例：

向下滚动后同一表格视图中单元格的底部（阴影仅应用于宽度的前 75%）：

编辑： 我注意到问题是由以下代码行引起的：

CGRect shadowFrame = view.layer.bounds;
CGPathRef shadowPath = [UIBezierPath bezierPathWithRect:shadowFrame].CGPath;
view.layer.shadowPath = shadowPath;

如果我将它们排除在外，一切都很好。但有人告诉我，使用它有一定的性能优势。不知何故，旋转后阴影未正确应用于新尺寸..

Answer 1

您可以为您的单元格框架覆盖 setter 并调用 addShadowToView:。您可以通过存储单元格的大小并仅在大小更改时更新阴影路径来进一步优化它，例如：

@property (nonatomic, assign) CGSize size;

和

- (void) setFrame:(CGRect)frame
{
    [super setFrame:frame];
    // Need to check make sure this subview has been initialized
    if(self.subviewThatNeedsShadow != nil && !CGSizeEqualToSize(self.size,_frame.size)
    {
        [self addShadowToView: self.subviewThatNeedsShadow];
    }
}

Answer 2

最简单的解决方案是将阴影添加到 UITableViewCell 的 contentView（相对于单元格的背景视图层）。由于单元格的边界在滚动时发生变化，如果您将阴影添加到根视图，那么您将不得不在每个滚动事件上更新阴影的路径，这将是昂贵且不必要的。

你肯定是正确的：虽然没有明确设置 shadowPath 但性能受到影响。如果单元格中没有任何动画内容，我还建议对其进行栅格化以进一步提高性能。

编辑：您还必须确保在设置阴影路径时，contentView 的边界位于其 'final' 位置。 如果稍后修改单元格的大小，这将导致 contentView 的边界发生变化，从而导致不正确的 shadowPath。解决方法是更新 UITableViewCell 中的路径 -layoutSubviews 方法。

Answer 3

这里关注的不是父视图框架，您在这里工作关注的是它的子层和它的大小，当布局改变时应该改变它。您可以覆盖以下方法，这将帮助您在布局更改时设置正确的框架。

public override void LayoutSublayersOfLayer(CALayer layer)
{

     base.LayoutSublayersOfLayer(layer);
     if (layer.Name == "gradient")
     {
          layer.Frame = view.Layer.Frame;
     }
}

在上面的代码中 view 是您添加 sublayer 的地方。如果您在同一视图中玩多个图层，则可以使用标识符 name 属性在特定图层上工作。

Answer 4

感谢@beyowulf 的回答给了我覆盖 UIView 框架获取和设置的线索

就我而言，我想让阴影与子类 tableView 单元格中的其他子视图保持一致。

Swift 5

// TargetView old size
var lastSize: CGSize = .zero

// Override frame in subclass tableView cell
override var frame: CGRect {
    get {
       super.frame
    }
    set {
       super.frame = newValue
       if targetView != nil {
           // Compared targetView size with old one.
          if lastSize != targetView.frame.size {
              
             /* Update the other subview's shadow path or layer frame here */
              
             lastSize = targetView.frame.size
         }
      }
   }
}

对我有用。

UITableViewCell 中的 CALayer 阴影绘制不正确

CALayer shadow in UITableViewCell Drawn incorrectly

objective-c

uitableview

calayer

ios