آموزش Toggle در سوئیفت یو آی

زمان مطالعه : ۲ دقیقه
آخرین بروزرسانی : ۰۲ اسفند ۱۴۰۰
آموزش ساخت Toggle در SwiftUI

اگر قبلا با فریم ورک UIkit کار کرده باشید حتما با Switch ها کار کرده اید، در فریم ورک SwiftUi سوییچ ها با اسم Toggle در دسترس ما هستند.

معمولا از Toggle ها برای نشان دادن خاموش یا روشن بودن یک قابلیت یا یک تنظیم استفاده میشود.

تعریف Toggle در SwiftUi

برای این کار ابتدا کلمه کلیدی Toggle را مینویسیم و سپس متنی که قرار است درون آن نمایش بدهیم را مینویسیم و سپس متغیری که مقدار Toggle درون آن ذخیره میشود را مشخص میکنیم.

import SwiftUi

struct ContentView: View {
@State var toggleValue = false

var body: some View {

Toggle("turn on Wi-fi", isOn: $toggleValue)
}
}

تغییر رنگ Toggle در SwiftUi

در اینجا میخواهیم به شما یاد بدهیم که چطوری رنگ یک toggle را از حالت پیش فرض که سبز هست، به رنگ دیگه ای تغییر بدهید.

Toggle("turn on Wi-fi", isOn: $toggleValue)
.toggleStyle(SwitchToggleStyle(tint: .orange))

میخواهیم برنامه ای بنویسیم که با true کردن Toggle یک Text نشان داده بشود، و با false شدن Toggle متن از صفحه پاک شود.

import SwiftUi

struct ContentView: View {
@State var toggleValue = false

var body: some View {
Toggle("Show Message", isOn: $toggleValue)

if toggleValue == true {
Text("Hello Friends!")
}

}
}

این مقاله در حال بروز رسانی است و در آینده نزدیک مباحث جدید تری اضافه میشود...
میلاد خط شب
میلاد خط شب
معتقدم هر آدمی میتواند در یک زمینه ای مفید و تاثیر گذار باشد و اصولا آدم "غیر مفید" نداریم. فقط کافی است به موقع و صحیح راهنمایی شود.
پاسخ دهید


به این مقاله علاقه داشتید؟ 🥰

45