付費限定

⌨️學習 SwiftUI 第 4 章:描述式語法──採用實際物體做練習

更新於 發佈於 閱讀時間約 14 分鐘

從這章開始,我們會循序漸進地學習 SwiftUI。為了達到比較平緩的學習曲線,我建議先熟悉如何用 SwiftUI 的語法來描述靜態版面,再去學習怎麼讓畫面動起來。所以這章的內容就是來談談 SwiftUI 的語法是怎麼進行描述的。

「描述」是什麼意思?我不解釋,直接示範。下面是一小段 SwiftUI 的程式碼,你猜猜看是什麼東西:

HStack {
leftJoyCon
console
rightJoyCon
}

是的,這是一台 Nintendo Switch™!而且是單人遊玩的掌機模式。

以行動支持創作者!付費即可解鎖
本篇內容共 5547 字、0 則留言,僅發佈於✍️ 學習 SwiftUI你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
留言
avatar-img
留言分享你的想法!
avatar-img
13 的 iOS Developer+
581會員
50內容數
iOS Developer+ 是 13 親自撰寫的進階學習資源,助你成為更有自信的 iOS 開發者。 🤖 iOS 開發 AI 輔助工具 ✍️「學習 SwiftUI」連載 🧠 軟體開發思維、iOS 開發世界觀 💡 實用技巧分享 😔 開發者職業傷害 🐣 iOS 開發補完計畫 ❤️ 支持 13 創作!
13 的 iOS Developer+的其他內容
2025/04/02
SwiftUI 推出多年,仍有許多開發者遲遲無法上手。本章探討幾個關鍵障礙:缺乏練習機會、不得其門而入、學習曲線與焦慮、UIKit 心智模型的干擾等,其實這些並不難克服。我也分享如何透過 side project 建立學習動力。
2025/04/02
SwiftUI 推出多年,仍有許多開發者遲遲無法上手。本章探討幾個關鍵障礙:缺乏練習機會、不得其門而入、學習曲線與焦慮、UIKit 心智模型的干擾等,其實這些並不難克服。我也分享如何透過 side project 建立學習動力。
2025/03/27
從 UIKit 轉換到 SwiftUI,我一開始是很興奮的。但是沒有多久,就開始發現事情沒有這麼簡單。有些觀念得重新學習,不只是語法的變化而已。我也觀察到許多開發者有遇到和我一樣的學習障礙。
Thumbnail
2025/03/27
從 UIKit 轉換到 SwiftUI,我一開始是很興奮的。但是沒有多久,就開始發現事情沒有這麼簡單。有些觀念得重新學習,不只是語法的變化而已。我也觀察到許多開發者有遇到和我一樣的學習障礙。
Thumbnail
2025/03/13
2019 年 WWDC 的主視覺,是霓虹風格的腦袋爆炸的機器人。而當年 Keynote 的重頭戲,就是 SwiftUI 橫空出世。我人就坐在現場,看著 Keynote 介紹 SwiftUI,心裡異常地興奮,震撼感完美符合那個腦袋爆炸的形象...
Thumbnail
2025/03/13
2019 年 WWDC 的主視覺,是霓虹風格的腦袋爆炸的機器人。而當年 Keynote 的重頭戲,就是 SwiftUI 橫空出世。我人就坐在現場,看著 Keynote 介紹 SwiftUI,心裡異常地興奮,震撼感完美符合那個腦袋爆炸的形象...
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
本文介紹瞭如何在SwiftUI中調整元件的對齊方式,包括置中、向左/向右/向上/向下對齊的方法。透過調整HStack、VStack以及frame的maxWidth、maxHeight和alignment屬性,可以達到想要的對齊效果。
Thumbnail
本文介紹瞭如何在SwiftUI中調整元件的對齊方式,包括置中、向左/向右/向上/向下對齊的方法。透過調整HStack、VStack以及frame的maxWidth、maxHeight和alignment屬性,可以達到想要的對齊效果。
Thumbnail
本文檔介紹了在Swift中使用套件的詳細方法,包括如何引用第三方套件和自定義模組,如何創建自定義套件,以及一些常見的Swift套件。這些套件可以幫助開發者快速添加功能到項目中,提高開發效率和程式碼品質。
Thumbnail
本文檔介紹了在Swift中使用套件的詳細方法,包括如何引用第三方套件和自定義模組,如何創建自定義套件,以及一些常見的Swift套件。這些套件可以幫助開發者快速添加功能到項目中,提高開發效率和程式碼品質。
Thumbnail
這個章節主要介紹了Swift程式語言中物件導向程式設計的基本概念,包括類別、建構子、公開、私有、受保護等等的概念。同時,也介紹了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型和反射等進階特性。
Thumbnail
這個章節主要介紹了Swift程式語言中物件導向程式設計的基本概念,包括類別、建構子、公開、私有、受保護等等的概念。同時,也介紹了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型和反射等進階特性。
Thumbnail
此章節旨在解釋Swift語言中函數的基本結構和操作方式,包括函數的聲明、呼叫、參數和返回值。閱讀這個章節可以幫助你理解並掌握如何在Swift編程中有效地使用和管理函數。
Thumbnail
此章節旨在解釋Swift語言中函數的基本結構和操作方式,包括函數的聲明、呼叫、參數和返回值。閱讀這個章節可以幫助你理解並掌握如何在Swift編程中有效地使用和管理函數。
Thumbnail
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目,選擇Xcode、Visual Studio Code或AppCode作為編輯器,以及如何使用SPM安裝插件。
Thumbnail
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目,選擇Xcode、Visual Studio Code或AppCode作為編輯器,以及如何使用SPM安裝插件。
Thumbnail
本章節旨在為讀者提供Swift程式語言的基礎知識,包括其基本語法、註解方法和變數使用方式,並通過具體的程式碼示例來說明這些概念。這將幫助讀者理解Swift的基本結構,並學會如何在Swift中定義變數並使用註解。
Thumbnail
本章節旨在為讀者提供Swift程式語言的基礎知識,包括其基本語法、註解方法和變數使用方式,並通過具體的程式碼示例來說明這些概念。這將幫助讀者理解Swift的基本結構,並學會如何在Swift中定義變數並使用註解。
Thumbnail
這份文件的目的是介紹Swift語言,包括它的特性、應用範疇,以及誰在使用它。它也提供了一些學習Swift的資源和工具,以及一些常見的Swift庫和框架。
Thumbnail
這份文件的目的是介紹Swift語言,包括它的特性、應用範疇,以及誰在使用它。它也提供了一些學習Swift的資源和工具,以及一些常見的Swift庫和框架。
Thumbnail
Part.1 搞定基本的 UI 開始開發 iOS App。 首先準備一台 Mac,然後安裝 Xcode,新增專案,系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift: import SwiftUI struct ContentView: View {  
Thumbnail
Part.1 搞定基本的 UI 開始開發 iOS App。 首先準備一台 Mac,然後安裝 Xcode,新增專案,系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift: import SwiftUI struct ContentView: View {  
Thumbnail
只是 Swift 以 language level 支援 Optional 確實比用 API level 支援的 Java 要簡潔和更具可讀性。Swift 作為一個全新的語言,從一開始的設計就將許多好的語言特性加入,確實讓人驚豔。
Thumbnail
只是 Swift 以 language level 支援 Optional 確實比用 API level 支援的 Java 要簡潔和更具可讀性。Swift 作為一個全新的語言,從一開始的設計就將許多好的語言特性加入,確實讓人驚豔。
Thumbnail
在寫SwiftUI view的時候,碰到一個瓶頸(? 帶有Binding的參數要如何preview。 舉例來說有個右邊圖片左邊文字的View,給他一個@Binding var isActive: Bool的狀態,當active時圖片要跟著改變: struct RightImageView: Vie
Thumbnail
在寫SwiftUI view的時候,碰到一個瓶頸(? 帶有Binding的參數要如何preview。 舉例來說有個右邊圖片左邊文字的View,給他一個@Binding var isActive: Bool的狀態,當active時圖片要跟著改變: struct RightImageView: Vie
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News