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

زمان مطالعه : ۲ دقیقه
آخرین بروزرسانی : ۰۲ اسفند ۱۴۰۰
آموزش تعریف Text در SwiftUI به عنوان کسی که 5 ساله داره سوئیفت کار میکنه این رو از من قبول کنید که الان نیاز به فهمیدن کامل این استراکچر رو ندارین! فعلا چیزایی که بهتون میگم رو یاد بگیرید این ساختار به مرور زمان براتون جا میوفته...
import SwiftUi

struct ContentView: View {
var body: some View {
Text("Hello World")
}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

قرار دادن متن جدید در SwiftUi

همانطور که احتمالا خودتان هم فهمیدید میتوانیم با استفاده از دستور Textیک متن جدید را ایجاد کنیم، بصورت پیش فرض متن Hello World وجود دارد، میتوانید متن داخل آن را عوض کنید، یا یک Text جدید ایجاد کنید.

import SwiftUi

struct ContentView: View {
var body: some View {
Text("Swift Academy")
}
}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

به همین راحتی متن جدید داخل صفحه نمایش قرار دادیم!

نکته:
  • در مورد جای دقیق متن در صفحه تو جلسات آینده صحبت میکنیم. فعلا عجله نکنید...

عوض کردن فونت Text در SwiftUi

برای عوض کردن فونت میتوانید با قرار دادن نقطه و سپس کلمه کلیدی font اسم فونت مد نظرتون را بنویسید.

Text("Swift Academy")
.font(.title)

همچنین امکان عوض کردن حالت های یک فونت را هم داریم، مثلا bold یا .italic

Text("Swift Academy")
.fontWeight(.bold)

عوض کردن رنگ Text در SwiftUi

برای عوض کردن رنگ میتوانید با قرار دادن نقطه و سپس کلمه کلیدی foregroundColor اسم رنگ مد نظرتون را بنویسید.

Text("Swift Academy")
.foregroundColor(.blue)

اندازه و سایز Text در SwiftUi

برای عوض کردن اندازه Text میتوانید با استفاده از کلمه کلیدی frame اندازه مد نظرتون را بنویسید.

Text("Swift Academy")
.frame(width: 150)

تعداد خط های Text در SwiftUi

اگر متن شما طولانی باشد، برای این که تمام متن جا شود تعداد خط هایش زیاد میشود، شما میتوانید با استفاده از دستور lineLimit تعداد خط ها را محدود کنید.

Text("Swift Academy")
.lineLimit(1)
نکته:
  • دقت کنید که اگر تعداد خط ها را محدود کنید، بصورتی که تمام متن جا نشود باقی مانده تکست کات میشود و بصورت "..." نمایش داده میشد.

Align و جهت متن

برای این که جهت متن را عوض کنید راه های مختلفی وجود دارد، برای مثال میتوانید از دستور multilineTextAlignment استفاده کنید و مثلا مقدار center یا trailing درون آن قرار دهید.

در جلسات بعدی روش های دیگری هم به شما آموزش میدهیم.

Text("Swift Academy")
.multilineTextAlignment(.center)

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


برخی از افرادی که این مقاله را پسندیدند

47