SwiftUI: Text
SwiftUI ile metinler oluşturabilir ve oluşturduğunuz metinleri düzenleyebilirsiniz.
Merhaba sevgili TurkishKit okuyucuları. Bu yazımızda sizinle SwiftUI ile metin oluşturmayı ve oluşturduğumuz metinleri özelleştirmeyi öğreneceğiz. Hazırsanız hiç vakit kaybetmeden başlayalım!😀
Eğer bir önceki SwiftUI yazımızı okumadıysanız, aşağıdaki linkten okuyabilirsiniz!
Projemizi Oluşturalım
İlk olarak bir SwiftUI projesi oluşturuyoruz.
“Single View App” seçeneğini seçtikten sonra “User Interface” seçeneğini SwiftUI olarak ayarlayın.
İlk açılışta projenizde “preview” ekranı gelmezse sağ üstte bulunan “Resume” butonuna basın.
“Resume” butonuna bastıktan sonra aşağıdaki gibi bir görünüm elde edeceksiniz.
Artık bir SwiftUI projesi oluşturduk. Şimdi ise artık “Text” elemanımızı kodlamaya geçebiliriz.
Haydi Kodlayalım
Xcode ile bir SwiftUI projesi oluşturduğumuzda bize otomatik olarak oluşturulmuş kod blokları verir. Bize vermiş olduğu kod bloğu bir “Text” elemanıdır. Gelin bu elemanı yakından tanımaya başlayalım. İlk başta “Text” elemanı içerisinde bulunan yazıyı değiştirelim. Yazıyı değiştirmeye başladığınızda, anlık olarak sağ taraftaki cihazda da değiştiğini görebilirsiniz.
Şimdi yazınızın boyutunu değiştirelim. Bunu yapmak için “Text” elemanı üzerine gelip Command tuşuna basılı tutup fare ile üzerine tıkladığınızda bir menü sizi karşılayacaktır. Bu menüden Show SwiftUI Inspector seçeneğini seçin.
Ya da “Text” elemanını seçtikten sonra sağ tarafta bulunan Show the Attributes Instepctor butonuna tıklayıp aynı işlemi gerçekleştirebilirsiniz.
Metin üzerinde bir kaç değişiklik yapalım. Sağ taraftaki ekrandan “Text” elemanının özelliklerini değiştirdim ve bu özellikler kod olarak “Text” elemanımızın altına eklendi. Dilerseniz siz, kodları yazarakta aynı özellikleri verebilirsiniz.
Başka Bir Text Ekleme
“Command⌘ + Shift⇧ + L” tuş kombinasyonlarını kullanarak “View” listesini açın. Listeden “Text” elemanını seçin ve ekrana sürükleyin.
Sürükleme işleminizi yaparken ekranınızda bulunan “Text” elemanının kenarlarında mavi çizgiler çıkacaktır. Gelin bu çizgilerin ne anlama geldiğini inceleyelim.
HStack(Horizontal / Yatay)
HStack(Horizontal Stack) ile eklediğiniz objeler yan yana sıralanır.
VStack(Vertical / Dikey)
VStack(Vertical Stack) ile eklediğiniz objeler alt alta sıralanır.
Nesneler Arası Boşluk Bırakma
İki nesne arası ekranınızın genişliği yada yüksekliği kadar boşluk bırakmak için Spacer() yapısını kullanmalısınız.
Projeye aşağıdaki linkten ulaşabilirsiniz.
Bir yazımızın daha sonuna geldik. Bu yazımızda SwiftUI ile nasıl metinler oluşturacağımızı ve oluşturduğumuz metinleri özelleştirmeyi öğrendik.🤗 Kendinize iyi bakın. İyi çalışamlar.🤗
