SwiftUI 官方教程（一）

由于 API 變動，此文章部分內容已失效，最新完整中文教程及代碼請查看 https://github.com/WillieWangWei/SwiftUI-Tutorials

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)
      }
   }
}

構建可復用的組件

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

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

精簡動畫

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

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

在 Xcode 中實時預覽

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

本文鏈接：https://blog.csdn.net/A45824430/article/details/102692807

智能推薦

rest-framwork官方文檔教程(一)

該項目是按照官網quickstart進行的,具體也可查看rest-framework官網: https://www.django-rest-framework.org/tutorial/quickstart/# 一.安裝依賴庫此處請確認你的python版本，如果你使用的是python3，那么在pip的時候和進入python命令行的時候要使用pip3和python3的命令 ...

SwiftUI ListItemTint 基礎教程(含源碼)

ListItemTint 應用于列表中內容的色調效果的配置。實戰代碼技術交流 QQ:3365059189 SwiftUI技術交流QQ群:518696470...

SwiftUI UITabBarController 基礎教程含代碼

UITabBarController 一個容器視圖控制器，管理radio-style的選擇界面，其中的選擇確定要顯示的子視圖控制器。使用教程標簽欄界面在窗口底部顯示標簽，用于在不同模式之間進行選擇并顯示該模式的視圖。此類通常按原樣使用，但也可以子類化。標簽欄控制器界面的每個標簽都與一個自定義視圖控制器關聯。當用戶選擇特定的選項卡時，選項卡欄控制器將顯示相應視圖控制器的根視圖，以替換任何先前的...

SwiftUI 封裝UITabBarController 教程含源碼

本文價值與收獲看完本文后，您將能夠作出下面的界面基礎知識 UITabBarController是什么一個容器視圖控制器，管理radio-style的選擇界面，其中的選擇確定要顯示的子視圖控制器。使用教程標簽欄界面在窗口底部顯示標簽，用于在不同模式之間進行選擇并顯示該模式的視圖。此類通常按原樣使用，但也可以子類化。代碼 1、封裝方案一代碼截圖...

Lottie動畫+SwiftUI教程（CocoaPods & SPM）

目錄前言 0 準備工作 1 Xcode新建SwiftUI項目 2 通過CocoaPods安裝Lottie（二選一） 2 通過SPM安裝Lottie（二選一）第一步：File→Swift Packages→Add 第二步：添加第三方庫的鏈接第三步：設置項目的Dead Code Stripping 3 添加一個JSON格式的Lottie動畫 4 添加文件LottieView....

SwiftUI 官方教程 （一）