ios - uitableview 分隔符显示为三角形

Question

有没有办法像下面的屏幕截图那样获得tableview分隔符效果，该效果已在fast company app中使用，并显示 View 中的两行由三角形分隔符分隔。

任何关于如何在 TableView 中实现这种效果的指示将不胜感激。屏幕底部的分隔符是半透明的，与下一行关联的图像会显示出来。

屏幕截图的链接在这里:https://s3-us-west-1.amazonaws.com/jjm.so/17427B2C-3837-4428-B82E-8D1C57BFA706B53CD936-AE93-4F2A-B3DB-7F7018A02CBA.jpg

Answer 1

好了:

    CGRect frame = imageView.bounds;

    UIBezierPath *path   = [UIBezierPath bezierPath];
    [path moveToPoint:CGPointMake(0, frame.size.height)];
    [path addLineToPoint:CGPointMake(0, frame.size.height-60)];
    [path addLineToPoint:CGPointMake(frame.size.width/2, frame.size.height-20)];
    [path addLineToPoint:CGPointMake(frame.size.width, frame.size.height-60)];
    [path addLineToPoint:CGPointMake(frame.size.width, frame.size.height)];
    [path closePath];

    CAShapeLayer *mask   = [CAShapeLayer layer];
    mask.path            = path.CGPath;
    mask.strokeColor     = [UIColor clearColor].CGColor;
    mask.fillColor       = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:0.5].CGColor;
    [imageView.layer addSublayer:mask];