使用CGRect框架在UIView中创建一个三角形

Question

我正在制作一个游戏并需要一个底部的尖峰，我决定通过UIView和碰撞来做。我正在快速编码。

我目前有一个广场：

        //Object Setup
        let square = UIView(frame: CGRect(x:100, y:100, width: 100, height: 100))
        square.backgroundColor = UIColor.purpleColor()
        view.addSubview(square)

我想要一个三角形，我确实有一个可用于三角形的图像，但图像是方形的，所以当碰到图像边界而不是实际的三角形边界时，肯定会发生碰撞请告知如何做与图像或我如何方格。

由于

亚历

Answer 1

步骤：

1. 创建一个名为UIView
的TriangleView子类的新文件
2. 将其粘贴到TriangleView类
中
3. 通过TriangleView或以编程方式
添加XIB

import UIKit

class TriangleView: UIView {

    override func draw(_ rect: CGRect) {

        // Get Height and Width
        let layerHeight = layer.frame.height
        let layerWidth = layer.frame.width

        // Create Path
        let bezierPath = UIBezierPath()

        // Draw Points
        bezierPath.move(to: CGPoint(x: 0, y: layerHeight))
        bezierPath.addLine(to: CGPoint(x: layerWidth, y: layerHeight))
        bezierPath.addLine(to: CGPoint(x: layerWidth / 2, y: 0))
        bezierPath.addLine(to: CGPoint(x: 0, y: layerHeight))
        bezierPath.close()

        // Apply Color
        UIColor.green.setFill()
        bezierPath.fill()

        // Mask to Path
        let shapeLayer = CAShapeLayer()
        shapeLayer.path = bezierPath.cgPath
        layer.mask = shapeLayer
    }
}

结果：

Answer 2

这里有教程：

http://jamesonquave.com/blog/drawing-custom-views-with-swift-andrew-vanwagoner/

代码如下：

func drawPlayPathTo(context: CGContextRef, boundedBy rect: CGRect) {
  CGContextSetFillColorWithColor(context, UIColor.blackColor().CGColor)
  CGContextMoveToPoint(context, rect.width / 4, rect.height / 4)
  CGContextAddLineToPoint(context, rect.width * 3 / 4, rect.height / 2)
  CGContextAddLineToPoint(context, rect.width / 4, rect.height * 3 / 4)
  CGContextAddLineToPoint(context, rect.width / 4, rect.height / 4)
  CGContextFillPath(context)
}