在图像视图swift上创建倾斜剪切

Question

我一直在寻找互联网，我无法找到一个很好的解决方案，可以在一个适用于swift的图像视图上进行倾斜切割。

这是我想要的

如您所见，我想倾斜一个背景中看到的图像视图。如果有人有一些想法或解决方案，那将非常感激。

Answer 1

属性：

fileprivate var headerView: PostHeaderView!
fileprivate var headerMaskLayer: CAShapeLayer!

在viewDidLoad（）中：

headerMaskLayer = CAShapeLayer()
    headerMaskLayer.fillColor = UIColor.black.cgColor
    headerView.layer.mask = headerMaskLayer

    updateHeaderView()

然后使用此功能：

func updateHeaderView() {
    let effectiveHeight = Storyboard.tableHeaderHeight - Storyboard.tableHeaderCutAway / 2

    var headerRect = CGRect(x: 0, y: -effectiveHeight, width: tableView.bounds.width, height: Storyboard.tableHeaderHeight)

    headerView.logoImageView.alpha = 0

    if tableView.contentOffset.y < -effectiveHeight {
        headerRect.origin.y = tableView.contentOffset.y
        headerRect.size.height = -tableView.contentOffset.y + Storyboard.tableHeaderCutAway/2

        let final: CGFloat = -100
        let alpha =  min((tableView.contentOffset.y + effectiveHeight) / final, 1)
        headerView.logoImageView.alpha = alpha
    }

    headerView.frame = headerRect

    // cut away
    let path = UIBezierPath()
    path.move(to: CGPoint(x: 0, y: 0))
    path.addLine(to: CGPoint(x: headerRect.width, y: 0))
    path.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height))
    path.addLine(to: CGPoint(x: 0, y: headerRect.height - Storyboard.tableHeaderCutAway))
    headerMaskLayer?.path = path.cgPath
}