[譯] 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)
      }
   }
}

構建可復用的組件

將小型、獨立視圖組合到更大，更復雜的界面中。在任何為 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 中實時預覽

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

作者：Willie_
鏈接：https://www.jianshu.com/p/efc36dd785d6
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

本文鏈接：https://blog.csdn.net/qq_21743659/article/details/108255327

智能推薦

【譯】【PyOpenGL教程-著色器簡介】第一步（基本幾何）

原文地址：http://pyopengl.sourceforge.net/context/tutorials/shader_1.html 第一步（基本幾何）在本教程中我們將會學到： - 頂點著色器在GLSL中“必須”做什么 - 片元著色器“必須”做什么 - 什么是VBO對象 - 如何**和停用著色器和VBO - 如何渲染簡單的幾何體首先我們進行i...

【譯】Excess-XSS 一份關于 XSS 的綜合教程

原文地址：http://excess-xss.com/。如有翻譯不當之處，歡迎指出 :D 分為四部分：概述 XSS 攻擊 XSS 防御總結第一部分：概述 XSS 是什么跨站腳本攻擊（XSS）是一種代碼注入攻擊，攻擊者利用它可以在其它用戶瀏覽器中執行惡意 JavaScript。攻擊者并不是直接面對受害者。而是，為了讓網站替自己傳輸惡意 JavaScript，攻擊者需要利用受害者訪問的網站上...

SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源碼)

本文，將是一篇系列長文，希望您通過閱讀這篇文章，基本上就可以解決TextField的所有問題。文章目錄快速入門您的第一個TextField小程序獲取用戶的輸入結果，學會回調函數(onEditingChanged 和 onCommit) 小結使用TextField的一般流程 TextField formatters TextField textFieldStyle 基礎入門 TextFie...

SwiftUI 如何管理一組TextField(零基礎教程)

我們有一組TextField，如果簡單高效的管理他們呢。本文價值與收獲看完本文后，您將能夠作出下面的界面 image.png 聯動效果看完本文您將掌握的技能管理一組TextField 使用ScrollView 設置圓形TextField 代碼技術交流 QQ:3365059189 SwiftUI技術交流QQ群:518696470 請關注我的專欄icloudend, SwiftUI教程與源碼...

HTML中常用操作關于：頁面跳轉，空格

1.頁面跳轉 2.空格的代替符...

[譯] SwiftUI 官方教程 （一）