SwiftUI 官方教程

完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials

 

 

 

SwiftUI 官方教程

 

SwiftUI 簡介

SwiftUI 是一種為任何 Apple 平台聲明用戶界面的現代化方式。以前所未有的速度，創建漂亮、動態的應用程序。

 

 

 

 

只需要描述一次的布局

為你的視圖聲明任何狀態的內容和布局，一旦狀態發生改變， SwiftUI 會自動更新視圖的渲染。

List(landmarks) { landmark in HStack { Image(landmark.thumbnail) Text(landmark.name) Spacer() if landmark.isFavorite { Image(systemName: "star.fill") .foregroundColor(.yellow) } } } 

 

 

 

SwiftUI教程

構建可復用的組件

將小型、獨立視圖組合到更大，更復雜的界面中。在任何為 Apple 平台所設計的應用之間，共享您的自定義視圖。

struct FeatureCard: View { var landmark: Landmark var body: some View { landmark.featureImage .resizable() .aspectRatio(3/2, contentMode: .fit) .overlay(TextOverlay(landmark)) } } 

 

 

 

SwiftUI教程

精簡動畫

創建平滑的動畫就像調用單個方法一樣簡單。 SwiftUI 會在必要時自動計算並過渡動畫。

VStack {
   Badge()
      .frame(width: 300, height: 300)
      .animation(.basic())
   Text(name)
      .font(.title)
      .animation(Animation.basic().delay(0.25))
}

 

 

 

在 Xcode 中實時預覽

無需運行應用程序，即可設計、構建和測試應用程序的界面。使用可交互的預覽來測試您的控件和布局。

 

 swiftUI 官方教程（一）