[Fix] fix animation bugs

crazysteeaam · May 7, 2024 · b66bcbd · b66bcbd
1 parent 169c20c
commit b66bcbd
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/VisionDashBoard/HomePageView.swift b/VisionDashBoard/HomePageView.swift
@@ -9,16 +9,19 @@ import SwiftUI
 
 struct HomePageView: View {
     // 状态变量，用于控制RightArea的显示
-    @State private var isRightAreaVisible = true
+    @State private var isRightAreaVisible = false
 
     var body: some View {
         GeometryReader { geometry in
-            HStack {
+            HStack(alignment:.center, spacing: 0) {
                 LeftArea()
+                    .frame(width: isRightAreaVisible ? geometry.size.width * 0.48 : geometry.size.width * 0.75)
+                    .animation(.default, value: isRightAreaVisible)
                 Button(action: {
                     // 切换RightArea的显示状态
                     withAnimation { // 添加动画
                         isRightAreaVisible.toggle()
+
                     }
                 }) {
                     Image(systemName: "share")
@@ -27,9 +30,11 @@ struct HomePageView: View {
                         .frame(width: 44, height: 44)
                 if isRightAreaVisible {
                     RightArea()
-                            .transition(.slide) // 使用滑动效果作为过渡动画
+                        .frame(width: geometry.size.width * 0.5) // Adjust the width of RightArea
+                        .transition(.slide) // 使用滑动效果作为过渡动画
                 }
             }
+            .frame(width: geometry.size.width, alignment: .leading)
         }
     }
 }

diff --git a/VisionDashBoard/LeftArea.swift b/VisionDashBoard/LeftArea.swift
@@ -9,9 +9,8 @@ import SwiftUI
 
 struct LeftArea: View {
     var body: some View {
-
         GeometryReader { geometry in
-            VStack {
+            VStack { 
                 ProgressCardView()
                         .background(.ultraThinMaterial)
                         //                        .opacity(0.5)
@@ -32,6 +31,10 @@ struct LeftArea: View {
                             .padding(20)
                 }
             }
+            .onAppear {
+                print("LeftArea Width: \(geometry.size.width)")
+                print("LeftArea Height: \(geometry.size.height)")
+            }
         }
                 .frame(minWidth: 800, minHeight: 1100)
     }

diff --git a/VisionDashBoard/RightArea.swift b/VisionDashBoard/RightArea.swift
@@ -29,6 +29,10 @@ struct RightArea: View {
                         .cornerRadius(40)
                         .padding(20)
             }
+                    .onAppear {
+                        print("RightArea Width: \(geometry.size.width)")
+                        print("RightArea Height: \(geometry.size.height)")
+                    }
                     .frame(width: geometry.size.width, height: geometry.size.height)
         }
     }