SwiftUI -在数字牙冠旋转期间显示视图

import SwiftUI

struct ContentView: View {
    @State private var rotationAngle: Double = 0.0

    var body: some View {
        VStack {
            Text("Rotate the digital crown")
                .padding()

            Image(systemName: "heart")
                .font(.system(size: 100))
                .rotationEffect(Angle(degrees: rotationAngle))
                .padding()

            Text("Rotation Angle: \(Int(rotationAngle)) degrees")
                .padding()

        }
        .onAppear {
            // 监听数字冠的旋转
            WKInterfaceDevice.current().add(self, action: #selector(self.didRotateDigitalCrown), for: .crownRotation)
        }
        .onDisappear {
            // 停止监听数字冠的旋转
            WKInterfaceDevice.current().removeAllDigitalCrownHapticFeedback()
            WKInterfaceDevice.current().remove(self)
        }
    }

    @objc func didRotateDigitalCrown(_ sender: AnyObject?) {
        guard let crownRotation = sender?.crownRotation else { return }
        rotationAngle += crownRotation * 10  // 根据旋转角度调整旋转速度
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}