|
|
@@ -0,0 +1,125 @@
|
|
|
+import SwiftUI
|
|
|
+
|
|
|
+struct WidgetBobble: View {
|
|
|
+ @State private var rotationDegrees: Double = 0.0
|
|
|
+ @State private var angularGradient = AngularGradient(colors: [
|
|
|
+ // 184, 87, 255
|
|
|
+ // 159, 108, 250
|
|
|
+ // 124, 139, 243
|
|
|
+ // 87, 170, 236
|
|
|
+ // 67, 187, 233
|
|
|
+ Color(red: 0.7215686275, green: 0.3411764706, blue: 1),
|
|
|
+ Color(red: 0.6235294118, green: 0.4235294118, blue: 0.9803921569),
|
|
|
+ Color(red: 0.4862745098, green: 0.5450980392, blue: 0.9529411765),
|
|
|
+ Color(red: 0.3411764706, green: 0.6666666667, blue: 0.9254901961),
|
|
|
+ Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902),
|
|
|
+ Color(red: 0.7215686275, green: 0.3411764706, blue: 1)
|
|
|
+ ], center: .center, startAngle: .degrees(270), endAngle: .degrees(-90))
|
|
|
+
|
|
|
+ @Environment(\.colorScheme) var colorScheme
|
|
|
+
|
|
|
+ var body: some View {
|
|
|
+ let triangleColor = Color(red: 0.262745098, green: 0.7333333333, blue: 0.9137254902)
|
|
|
+
|
|
|
+ TrendShape(gradient: angularGradient, color: triangleColor)
|
|
|
+ .rotationEffect(.degrees(rotationDegrees))
|
|
|
+
|
|
|
+// .onChange(of: context.state.bg) { newDirection in
|
|
|
+// withAnimation {
|
|
|
+// switch newDirection {
|
|
|
+// case .doubleUp,
|
|
|
+// .singleUp,
|
|
|
+// .tripleUp:
|
|
|
+// rotationDegrees = -90
|
|
|
+//
|
|
|
+// case .fortyFiveUp:
|
|
|
+// rotationDegrees = -45
|
|
|
+//
|
|
|
+// case .flat:
|
|
|
+// rotationDegrees = 0
|
|
|
+//
|
|
|
+// case .fortyFiveDown:
|
|
|
+// rotationDegrees = 45
|
|
|
+//
|
|
|
+// case .doubleDown,
|
|
|
+// .singleDown,
|
|
|
+// .tripleDown:
|
|
|
+// rotationDegrees = 90
|
|
|
+//
|
|
|
+// case .none,
|
|
|
+// .notComputable,
|
|
|
+// .rateOutOfRange:
|
|
|
+// rotationDegrees = 0
|
|
|
+//
|
|
|
+// @unknown default:
|
|
|
+// rotationDegrees = 0
|
|
|
+// }
|
|
|
+// }
|
|
|
+// }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+struct Triangle: Shape {
|
|
|
+ func path(in rect: CGRect) -> Path {
|
|
|
+ var path = Path()
|
|
|
+
|
|
|
+ let cornerRadius: CGFloat = 8
|
|
|
+
|
|
|
+ path.move(to: CGPoint(x: rect.midX, y: rect.minY))
|
|
|
+ path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY - cornerRadius))
|
|
|
+ path.addQuadCurve(to: CGPoint(x: rect.minX, y: rect.maxY - cornerRadius), control: CGPoint(x: rect.midX, y: rect.maxY))
|
|
|
+ path.closeSubpath()
|
|
|
+
|
|
|
+ return path
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+struct TrendShape: View {
|
|
|
+ @Environment(\.colorScheme) var colorScheme
|
|
|
+
|
|
|
+ let gradient: AngularGradient
|
|
|
+ let color: Color
|
|
|
+
|
|
|
+ var body: some View {
|
|
|
+ HStack(alignment: .center) {
|
|
|
+ ZStack {
|
|
|
+ Group {
|
|
|
+ CircleShape(gradient: gradient)
|
|
|
+ TriangleShape(color: color)
|
|
|
+ }.shadow(color: Color.black.opacity(colorScheme == .dark ? 0.75 : 0.33), radius: colorScheme == .dark ? 5 : 3)
|
|
|
+ CircleShape(gradient: gradient)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+struct CircleShape: View {
|
|
|
+ @Environment(\.colorScheme) var colorScheme
|
|
|
+
|
|
|
+ let gradient: AngularGradient
|
|
|
+
|
|
|
+ var body: some View {
|
|
|
+ let colorBackground: Color = colorScheme == .dark ? Color(
|
|
|
+ red: 0.05490196078,
|
|
|
+ green: 0.05490196078,
|
|
|
+ blue: 0.05490196078
|
|
|
+ ) : .white
|
|
|
+
|
|
|
+ Circle()
|
|
|
+ .stroke(gradient, lineWidth: 6)
|
|
|
+ .background(Circle().fill(colorBackground))
|
|
|
+ .frame(width: 130, height: 130)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+struct TriangleShape: View {
|
|
|
+ let color: Color
|
|
|
+
|
|
|
+ var body: some View {
|
|
|
+ Triangle()
|
|
|
+ .fill(color)
|
|
|
+ .frame(width: 35, height: 35)
|
|
|
+ .rotationEffect(.degrees(90))
|
|
|
+ .offset(x: 70)
|
|
|
+ }
|
|
|
+}
|
polscm32