發表文章

【從零開始學 SwiftUI 程式設計】Text 文字元件

圖片
【從零開始學 SwiftUI 程式設計】 線上免費講義課程目錄 Text 文字元件 在畫面上可以顯示單行或多行的文字元件。 Text ( "哈囉!HKT線上教室~" ) 預覽畫面 Text 屬性修改 剛開始學,對於元件屬性百百種很陌生,記不起來沒關係,可以透過滑鼠點擊左邊程式碼區塊中想要修改的元件程式上,然後開啟右側面版,選擇屬性列表,即可以在右手邊看到該元件相關的屬性設定。也可以透過 「command」 鍵的方式並點擊想要修改的元件,在選單中選擇「show SwiftUI Inspector」來設定對應元件的屬性。 補充:蘋果鍵盤圖 補充:常用 control / option / command 按鍵 以 Text 文字元件來看,可以修改文字顯示內容(Text)、字體大小(font)、字型粗體樣式(Weight)、字體顏色(Color)、對齊方式、行數限制、空白間隙…等。大家可以直接修改看看,看有什麼變化吧! 修改後自動生成的程式碼 多練習幾次、多寫幾次,就會大概知道屬性關鍵字,透過輸入相關關鍵字加上程式碼自動化提示,之後熟悉變老手後,自己就可以很輕鬆、行雲流水的打出這些相關屬性設定程式。一開始不熟悉,沒關係很正常,慢慢跟著 KT 老師一步一步練習。 Text ( "哈囉!HKT線上教室~" ) .font(.largeTitle) .fontWeight(.bold) .foregroundColor( Color .orange) .multilineTextAlignment(.center) .padding() 修改後預覽畫面 Text 自定義顏色 點擊 Color -> Custom 可以使用常見的 RGB 範圍 0~255 或是 16 進位色碼,來自定義自己要的顏色。 其中 A 欄位指的是 0~1 浮點數值的透明度範圍值。 開發說明書 KT 老師私心建議一定要跟「開發說明書」做好朋友,寫程式寫到卡關,大部分詢問他,都可以有答案。 我們可以在元件上,按 「command」鍵,選擇「Show Quick Help」或是「option」鍵,可以查看到該元件對應的使用說明文件。 Text 使用說明文件 Text 常用設定 字體大小(動態) .font(.titl

2021 最新入門基礎課程【從零開始學 SwiftUI 程式設計】線上教學課程目錄

圖片
本課程開發環境:Xcode 13 Beta + Swift 5.x Swift , SwiftUI , Xcode 教學 , 開發 , 範例 , 入門 , 基礎 , 新手 , 程式設計 , Swift 電子書 , Swift 教學 , Swift 電子書 , Swift PDF , Swift ebook , 免費下載 , Free Download 從零開始學 SwiftUI 程式設計 使用 SwiftUI 開發 iPhone APP 最佳指南,SwiftUI 程式語言基礎入門課程 課程說明 WWDC 2019 蘋果開發者大會,正式發表 SwiftUI,讓使用者可以更簡易方便的開發一次,同時執行在 iOS、iPadOS、macOS,watchOS 和 tvOS 等五種蘋果的作業系統上。 這門課程完全適合初學者,無須任何編寫過程式碼經驗,我們將從零基礎開始介紹,編寫程式語言需具備的基礎知識。完全從零開始,初學者無痛上手。 如果你已經是一名 Swift (iOS) 開發者,你可以透過這門課程來了解超棒 SwiftUI 程式語言。讓你可以編寫更乾淨、更強大的應用程式。 網路自學 SwiftUI 最常見的三大痛 學習資訊東拼西湊,無法有系統很完整性的學習 英文資料看得霧煞煞,一頭霧水 觀念混淆,挫折感超重 課程特色 由淺入深,無痛學習 SwiftUI 的程式開發技巧 一次掌握 SwiftUI 最常用的核心關鍵知識 繁體中文教材,系統化的課綱編排,HKT (侯光燦) 講師影片教學 SwiftUI 先修班 若還不熟悉 Swift 程式語言,可以參考:【 從零開始學 Swift 程式設計 】 Swift 程式語言基礎入門課程。 課程目錄 從零開始學 SwiftUI 程式設計 Go 準備開始 No. 課程名稱 影片 講義 1 安裝 Xcode 開發軟體 連結 連結 2 SwiftUI 介紹 - 連結 3 第一行 SwiftUI 程式碼 - 連結 基礎常用 UI 元件 No. 課程名稱 影片 講義 1 Text 文字元件 - 連結 2 Stack 容器元件 - 連結 3 元件排版 - 連結 著作聲明 「從零開始學 SwiftUI 程式設計」中提供所有的圖文、程式碼與影片教學,以下簡稱「本資料」。「本資料」,允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須註