[SwiftUI教程]1、SwiftUI介紹

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公眾號：山青詠芝（shanqingyongzhi）
➤博客園地址：山青詠芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/11032174.html
➤如果鏈接不是山青詠芝的博客園地址，則可能是爬取作者的文章。
➤原文已修改更新！強烈建議點擊原文地址閱讀！支持作者！支持原創！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

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

只描述一次您的布局。

聲明視圖的任何狀態的內容和布局。SwiftUI知道該狀態何時發生變化，並更新視圖的渲染以匹配。

 1 List(landmarks) { landmark in
 2    HStack {
 3       Image(landmark.thumbnail)
 4       Text(landmark.name)
 5       Spacer()
 6       
 7       if landmark.isFavorite {
 8          Image(systemName: "star.fill")
 9             .foregroundColor(.yellow)
10       }
11    }
12 }

構建可重用的組件。

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

 1 struct FeatureCard: View {
 2    var landmark: Landmark
 3    
 4    var body: some View {
 5       landmark.featureImage
 6          .resizable()
 7          .aspectRatio(3/2, contentMode: .fit)
 8          .overlay(TextOverlay(landmark))
 9    }
10 }

簡化您的動畫。

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

1 VStack {
2    Badge()
3       .frame(width: 300, height: 300)
4       .animation(.basic())
5    Text(name)
6       .font(.title)
7       .animation(Animation.basic().delay(0.2))
8 }

在Xcode中實時顯示。

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