SwiftUI 繪圖之繪製自定義形狀並動畫展示(對勾圖形含代碼)

本文價值與收穫

看完本文後，您將能夠作出下面的界面

看完本文您將掌握的技能

• 掌握繪製自定義圖形方法
• 掌握將Shape圖形應用到視圖方法
• 設置動畫效果

代碼

1. 定義個對勾形狀

public struct CheckmarkShape: Shape {
    private var trim: CGFloat = 0.0
    
    public func path(in rect: CGRect) -> Path {
        Path { p in
            p.move(to: CGPoint(x: rect.width * 0.3, y: rect.height * 0.53))
            p.addLine(to: CGPoint(x: rect.width * 0.48, y: rect.height * 0.68))
            p.addLine(to: CGPoint(x: rect.width * 0.7, y: rect.height * 0.35))