C014｜SwiftUI的基本元件有哪些？
今天一時興起，學學SwiftUI!
根據蘋果的官方網站，
SwiftUI能幫助你在蘋果的各種平台做出好看的APP[1]。
這對我來說其實吸引力很大，
因為我從2012年開始，就一直是iPhone, iPad, Mackbook的使用者，
如果可以自己做一些APP，一定很有趣。
蘋果的開發者官網，也有提供SwiftUI的教學[2]，共4小時25分鐘。
這個教學有分四個章節：
章節一 SwiftUI 重點 - SwiftUI essentials
章節二 繪畫和動畫 - Drawing and Animation
章節三 應用程式設計和佈局 - App design and Layout
章節四 框架整合 - Framework Integration
感覺真的是只要有時間有興致，就能好好研究！
而在Swift的官方網站上，
也有提供利用SwiftUI建立iOS應用程式的教學[3] 。
裡面提到了SwiftUI的幾個基本元件：
01 文字 Text
02 圖案 Images
03 按鈕 Buttons
04 形狀 Shapes
05 堆疊 Stacks
06 程式狀態 Program Stakes
感覺蠻有趣！我自己是希望可以製作iOS app來更好存放我的文章，
更進階一點，可以變成直接錄音後，
照我設定的方式轉換成文檔，讓iPhone變成我更強的助手。
感覺有很多可以探索，用時間慢慢累積經驗。
Reference
[1] https://developer.apple.com/xcode/swiftui/
[2] https://developer.apple.com/tutorials/swiftui
[3] https://www.swift.org/getting-started/swiftui/
留言0
查看全部
你可能也想看
Google News 追蹤
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這篇文章探討瞭如何在iOS應用程式中客製化Alert，包括改變字體大小、內嵌連結以及讓Alert的高度隨著字數增長並提供scroll操作。同時使用SwiftUI進行客製化，並介紹瞭解決高度超出範圍後文字捲動與scrollView固定高度的方法。
本文介紹瞭如何在SwiftUI中調整元件的對齊方式，包括置中、向左/向右/向上/向下對齊的方法。透過調整HStack、VStack以及frame的maxWidth、maxHeight和alignment屬性，可以達到想要的對齊效果。
本文檔介紹了在Swift中使用套件的詳細方法，包括如何引用第三方套件和自定義模組，如何創建自定義套件，以及一些常見的Swift套件。這些套件可以幫助開發者快速添加功能到項目中，提高開發效率和程式碼品質。
需求情境：
一般的看盤軟體，雖然都能針對一籃子自選股票，列出其即時行情和當天漲幅，但若要看「五日漲幅」呢？那就少見了，但這對我很重要。因為小部位的波段性價差交易是個好策略，這時候若能排序好一整排看下來，可以節省大量點來點去的成本，很有價值，所以就來自己刻。
解決方案：
從大處著眼，UI 最外層
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
本章節旨在為讀者提供Swift程式語言的基礎知識，包括其基本語法、註解方法和變數使用方式，並通過具體的程式碼示例來說明這些概念。這將幫助讀者理解Swift的基本結構，並學會如何在Swift中定義變數並使用註解。
這份文件的目的是介紹Swift語言，包括它的特性、應用範疇，以及誰在使用它。它也提供了一些學習Swift的資源和工具，以及一些常見的Swift庫和框架。
Part.1 搞定基本的 UI
開始開發 iOS App。
首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift：
import SwiftUI
struct ContentView: View {
雖然我之前文章大力讚美SwiftUI的tabView有多好用，無奈專案大部分都是UIKit啊～～～～要在既有專案用Tab架構只能用UITabBarController了
設計這次還出了一個超複雜的UI，陰影+圓角+客製化高度 大套餐
馬上開始吧。
圓角+陰影
重點就是subclass一個
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
這篇文章探討瞭如何在iOS應用程式中客製化Alert，包括改變字體大小、內嵌連結以及讓Alert的高度隨著字數增長並提供scroll操作。同時使用SwiftUI進行客製化，並介紹瞭解決高度超出範圍後文字捲動與scrollView固定高度的方法。
本文介紹瞭如何在SwiftUI中調整元件的對齊方式，包括置中、向左/向右/向上/向下對齊的方法。透過調整HStack、VStack以及frame的maxWidth、maxHeight和alignment屬性，可以達到想要的對齊效果。
本文檔介紹了在Swift中使用套件的詳細方法，包括如何引用第三方套件和自定義模組，如何創建自定義套件，以及一些常見的Swift套件。這些套件可以幫助開發者快速添加功能到項目中，提高開發效率和程式碼品質。
需求情境：
一般的看盤軟體，雖然都能針對一籃子自選股票，列出其即時行情和當天漲幅，但若要看「五日漲幅」呢？那就少見了，但這對我很重要。因為小部位的波段性價差交易是個好策略，這時候若能排序好一整排看下來，可以節省大量點來點去的成本，很有價值，所以就來自己刻。
解決方案：
從大處著眼，UI 最外層
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
本章節旨在為讀者提供Swift程式語言的基礎知識，包括其基本語法、註解方法和變數使用方式，並通過具體的程式碼示例來說明這些概念。這將幫助讀者理解Swift的基本結構，並學會如何在Swift中定義變數並使用註解。
這份文件的目的是介紹Swift語言，包括它的特性、應用範疇，以及誰在使用它。它也提供了一些學習Swift的資源和工具，以及一些常見的Swift庫和框架。
Part.1 搞定基本的 UI
開始開發 iOS App。
首先準備一台 Mac，然後安裝 Xcode，新增專案，系統即刻生成基本的專案結構。coding 的起點在檔案 ContentView.swift：
import SwiftUI
struct ContentView: View {
雖然我之前文章大力讚美SwiftUI的tabView有多好用，無奈專案大部分都是UIKit啊～～～～要在既有專案用Tab架構只能用UITabBarController了
設計這次還出了一個超複雜的UI，陰影+圓角+客製化高度 大套餐
馬上開始吧。
圓角+陰影
重點就是subclass一個