【Swift UI】Viewを回転させる方法！rotationEffectの使い方

この記事からわかること

index

[open]

＼アプリをリリースしました／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

環境

Swift UIでViewを回転させる方法：rotationEffect

Swift UIでViewを回転させるにはrotationEffectモディファイアを使用します。引数にはAngle構造体で回転させる角度を指定します。

func rotationEffect(
    _ angle: Angle,
    anchor: UnitPoint = .center
) -> some View

例えばViewを直角に回転させるには90°を指定すればViewが縦になります。

Text("Hello World!!")
  .frame(width: 150, height: 50)
  .background(Color.orange)
  .rotationEffect(Angle(degrees: 90))

引数anchorでは回転させる軸を指定することができます。デフォルト値はcenter(中心)ですが、leadingなどを指定することで左端を起点に回転させることが可能です。

Text("Hello World!!")
    .frame(width: 150, height: 50)
    .background(Color.orange)
    .rotationEffect(Angle(degrees: 45), anchor: .leading)

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

Swift