SwiftUIで円や楕円を描画したい時に便利なのが Ellipse() です。 シンプルに「丸や楕円をUIに表示する」ためのビューで、図形を使ったデザインやカスタムUIを作るときに役立ちます。 この記事では、Ellipse() の基本的な意味や使い方、活用シーンまでわかりやすく解説します。 Ellipse() とは？ ...
図形の記事一覧
SwiftUIでボタンや背景、枠線のデザインを整える時によく使われるのが Capsule です。 名前の通り「カプセル型（両端が丸い長方形）」を描画するシェイプで、UIを柔らかく見せたいときに大活躍します。 この記事では、Capsuleの基本的な意味や使い方や活用シーン、注意点までわかりやすく解説します。 Capsul...
SwiftUIでレイアウトや描画をしていると、必ず登場するのが CGRect（シージーレクト） です。 名前の通り「長方形」を表す構造体で、位置と大きさをひとまとめに扱える便利な仕組みです。 UIKit時代からの基本クラスでもあり、SwiftUIでもビューの座標やサイズを扱うときに広く使われています。 この記事では C...
SwiftUIで図形を描くときに欠かせないのが Path です。 シンプルな四角形や円だけでなく、自由な線やカスタム図形を描きたいときに活躍します。 この記事では、Pathの基本的な意味や使い方、よく使うメソッド、活用時の注意点までわかりやすく解説します。 Pathとは？ Pathは、SwiftUIで「線や図形を描くた...
SwiftUIで図形やパスに「枠線」を描きたいときに便利なのが .stroke です。 四角形や円などのシェイプに色や太さを指定して枠を付けられるので、UIデザインをシンプルに整えるときによく使われます。 この記事では .strokeの意味や基本的な使い方、主要な引数、活用時の注意点をわかりやすく解説します。 .str...
SwiftUIで図形やビューに枠線をつけたいときに便利なのが .strokeBorder() です。 「.stroke とどう違うの？」と疑問に思う人も多いと思います。 実は .strokeBorder() は「枠線が図形の内側に収まる」ように描画されるのが特徴で、見た目やUI設計に大きく影響する場面があります。 この...
SwiftUIで図形やアニメーションを自由に描画したいときに便利なのが Canvas です。 UIKitでいうところの Core Graphics や CALayer に近い仕組みを、SwiftUIらしい宣言的な書き方で使えるのがポイントです。 この記事では Canvasの基本的な意味や使い方、主要な引数、活用シーン、...