SideBarStack Swift文件

  1. import SwiftUI
  3. struct SideBarStack<SidebarContent: View, Content: View>: View {
  5.     let sidebarContent: SidebarContent
  6.     let mainContent: Content
  7.     let sidebarWidth: CGFloat
  8.     @Binding var showSidebar: Bool
  10.     init(sidebarWidth: CGFloat, showSidebar: Binding<Bool>, @ViewBuilder sidebar: ()->SidebarContent, @ViewBuilder content: ()->Content) {
  11.         self.sidebarWidth = sidebarWidth
  12.         self._showSidebar = showSidebar
  13.         sidebarContent = sidebar()
  14.         mainContent = content()
  15.     }
  17.     var body: some View {
  18.         ZStack(alignment: .leading) {
  19.             sidebarContent
  20.                 .frame(width: sidebarWidth, alignment: .center)
  21.                 .offset(x: showSidebar ? 0 : -1 * sidebarWidth, y: 0)
  22.                 .animation(Animation.easeInOut.speed(2))
  23.             mainContent
  24.                 .overlay(
  25.                     Group {
  26.                         if showSidebar {
  27.                             Color.white
  28.                                 .opacity(showSidebar ? 0.01 : 0)
  29.                                 .onTapGesture {
  30.                                     self.showSidebar = false
  31.                                 }
  32.                         } else {
  33.                             Color.clear
  34.                             .opacity(showSidebar ? 0 : 0)
  35.                             .onTapGesture {
  36.                                 self.showSidebar = false
  37.                             }
  38.                         }
  39.                     }
  40.                 )
  41.                 .offset(x: showSidebar ? sidebarWidth : 0, y: 0)
  42.                 .animation(Animation.easeInOut.speed(2))
  44.         }
  45.     }
  46. }

用法

  1. SideBarStack(sidebarWidth: CGFloat, showSidebar: isShowBool){
  2.  content
  3.      }
  4.     //isShowBool建议使用EnvironmentObject，可跨视图属性