【SwiftUI】欠けた円の作り方

SwiftUIで欠けた円の作り方を紹介しようと思います。

Xcode Version 14.2

まずは通常の円です。

ContentView.swift

Circle()
    .trim(from: 0, to: 1) // 線のトリム
    .stroke(
        Color.blue,
        style: StrokeStyle(lineWidth: 20)
    )
    .frame(width: 205, height: 205)

.trim(from: 0, to: 1)trimの値を変えてみると、欠けた円になります。

ContentView.swift

Circle()
    .trim(from: 0, to: 0.5) // 線のトリム
    .stroke(
        Color.blue,
        style: StrokeStyle(lineWidth: 20)
    )
    .frame(width: 205, height: 205)

このようにto: 0.5に変更すると下だけの半円になります。

あとは、欠けさせたいお好きな数値を入れてみて下さい。