使個人資料詳細信息頁面用戶界面（如屏幕截圖）？

Question

我在UIBezierPath和CAShapeLayer中尋求幫助，以畫出一個半個條紋並查看個人資料（如屏幕截圖）。

我做下面的代碼，但它繪制了整個三角形。

let triangleLayer = CAShapeLayer()
        let trianglePath = UIBezierPath()
        trianglePath.move(to: .zero)
        trianglePath.addLine(to: CGPoint(x: -size, y: up ? size : -size))
        trianglePath.addLine(to: CGPoint(x: size, y: up ? size : -size))
        trianglePath.close()
        triangleLayer.path = trianglePath.cgPath
        triangleLayer.fillColor = UIColor.red.cgColor
        triangleLayer.anchorPoint = .zero[![enter image description here][1]][1]
        triangleLayer.position = CGPoint(x: x, y: y)
        subview.layer.addSublayer(triangleLayer)

Answer 1

給路徑上的點命名可以非常有幫助：

subview.backgroundColor = .blue

let triangleLayer = CAShapeLayer()
let trianglePath = UIBezierPath()

let w = subview.bounds.size.width
let h = subview.bounds.size.height

// move to Top-Left corner
trianglePath.move(to: .zero)

// line to Top-Right corner
trianglePath.addLine(to: CGPoint(x: w, y: 0))

// line to Right-Side, 75% of height
trianglePath.addLine(to: CGPoint(x: w, y: h * 0.75))

// line to Bottom-Left corner
trianglePath.addLine(to: CGPoint(x: 0, y: h))

trianglePath.close()

triangleLayer.path = trianglePath.cgPath
triangleLayer.fillColor = UIColor.red.cgColor
triangleLayer.anchorPoint = .zero

subview.layer.addSublayer(triangleLayer)

將導致：