Path

二次元で線を描画するViewです。UIKitのUIBezierPathと同じように線を自由に引くことができます。

AppleのSwiftUIのチュートリアルにDrawing Paths and Shapesというものがあるので詳しく知りたい場合はこちらをやってみるのがいいと思います

三角形を描画する

let width = UIScreen.main.bounds.width
let height = UIScreen.main.bounds.height

Path { path in
    path.addLines([CGPoint(x: 0, y: 0),
                  CGPoint(x: width, y: 0),
                  CGPoint(x: width/2, y: height/3),
                  CGPoint(x: 0, y: 0)])
}

四角形を描画する

四角形を描画したい時はCGRectで簡単に描画することができます。

let width = UIScreen.main.bounds.width
let height = UIScreen.main.bounds.height

Path(CGRect(x: width/2 - 50, y: height/2 - 50, width: 100, height: 100))

カテゴリー: SwiftUI

SwiftUI

2021年3月23日

SwiftUI

2021年3月25日

Path

三角形を描画する

四角形を描画する

Button

Rectangle