SwiftUI 2.0 設置Toggle顏色及Toggle基礎教程含代碼

本文價值與收獲

看完本文后，您將能夠作出下面的界面

Toggle基礎教程

設置Toggle顏色

Toggle 切換開關

在打開和關閉狀態之間切換的控件。

struct Toggle<Label> where Label : View

使用方法

您可以通過提供isOn綁定和標簽來創建切換。將isOn綁定到一個布爾屬性，該屬性確定切換是打開還是關閉。將標簽設置為在視覺上描述切換狀態之間切換目的的視圖。例如：

@State private var vibrateOnRing = false

var body: some View {
    Toggle(isOn: $vibrateOnRing) {
        Text("Vibrate on Ring")
    }
}

對于純文本標簽的常見情況，可以使用便捷初始化程序，該初始化程序將標題字符串（或本地化的字符串鍵）作為其第一個參數，而不是尾隨閉包：

@State private var vibrateOnRing = true

var body: some V

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/107072418

智能推薦

SwiftUI 2.0 制作個側邊欄基于GeometryReader和Lazy(教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握GeometryReader的基礎使用掌握Lazy組件基礎使用實現側邊欄效果代碼...

SwiftUI 2.0 List 調整Section順序避免自動更新bug(教程含源碼)

實戰需求 SwiftUI 2.0 List 調整Section順序避免自動更新bug(教程含源碼) 本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能創建viewmodel管理section 制作sheet為用戶提供選擇界面通過state控制顯示代碼...

SwiftUI 2.0 解決中文輸入問題并支持placeholder(教程含源碼)

SwiftUI 2.0 解決中文輸入問題并支持placeholder(教程含源碼) 本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能封裝UITextView 支持占位解決中文輸入問題代碼...

SwiftUI 2.0 實戰之自定義導航欄添加圖標和按鈕(教程含源碼)

本文價值與收獲看完本文后，您將能夠作出下面的界面基礎知識 principal item放置在主要部分中。主要item占據重要地位。例如，網絡瀏覽器的位置字段將被視為主要項目。實戰代碼在iOS 14中，SwiftUI可以使用新的工具欄修改器來自定義導航欄標題視圖。這與在UIKit中設置navigationItem.titleView相同。...

SwiftUI實戰之設置Toggle開關的背景顏色和切換效果

本文價值與收獲看完本文后，您將能夠作出下面的界面 #基礎知識當面對二進制決策或選擇時，我們可以在 SwiftUI 中使用稱為Toggle。這將在任一狀態（開或關）顯示切換，因為它可以在兩種狀態之間切換。iOS中的UISwitch組件具有相似的功能。在 SwiftUI 中使用Toggle的最簡單方法是：我們需要傳遞綁定@State變量：代碼...