🎴

[SwiftUI]3Dに回転するView

2025/02/23に公開

https://github.com/Keisuke2162/SwiftSamples/blob/develop/SwiftSamples/Features/CustomView/ThreeDimensionalCardView.swift

スワイプで立体的に動かせるThreeDimensionalCardViewを作りました!
DragGestureでスワイプ量を取得、回転角度を計算してrotation3DEffectModifierに反映する仕組みです

挙動

x軸(上下スワイプ) y軸(左右スワイプ)

使い方

public struct ThreeDimensionalCardSampleView: View {
  public var body: some View {
    ThreeDimensionalCardView(rotationAxis: .y) {
      Image("hoge")
        .resizable()
        .scaledToFit()
        .frame(width: 320)
        .clipShape(.rect(cornerRadius: 8))
    }
  }
}

Discussion