ios - 三角形 UIView 或 UIImageView

Question

我有如下图的要求。

但是，我对如何实现这一目标感到困惑？我可以通过使用 3 个 UIImageViews 或 UIViews 来实现它吗？如果两者兼而有之，哪个更好？最后，我必须组合三张图片并从这三张图片中制作一张。我也应该能够接触到图像。我对此一无所知。谢谢。

Answer 1

每个 UIView 都有一个支持 CALayer(可通过 aview.layer 访问)。

每个 CALayer 都有一个 mask 属性，这是另一个 CALayer。 mask 允许为层定义透明形状，如模板。

所以你需要三个UIImageView，每个都有一个不同的.layer.mask，每个mask都是一个不同的CAShapeLayer其 .path 是三角形的 CGPath。

// Build a triangular path
UIBezierPath *path = [UIBezierPath new];
[path moveToPoint:(CGPoint){0, 0}];
[path addLineToPoint:(CGPoint){40, 40}];
[path addLineToPoint:(CGPoint){100, 0}];
[path addLineToPoint:(CGPoint){0, 0}];

// Create a CAShapeLayer with this triangular path
// Same size as the original imageView
CAShapeLayer *mask = [CAShapeLayer new];
mask.frame = imageView.bounds;
mask.path = path.CGPath;

// Mask the imageView's layer with this shape
imageView.layer.mask = mask;

重复三遍。