Buradasın

SwiftUI ile Yuvarlak Resim ve Çerçeve Oluşturma Eğitimi

Yapay zekadan makale özeti

Bu video, Kel Çağlar tarafından sunulan bir SwiftUI eğitim serisinin bir parçasıdır. Önceki derste SEO ve SEOI tanıtılmış, bu derste ise yuvarlak resim ve çerçeve oluşturma konusu ele alınmaktadır.
Videoda, SwiftUI kullanarak yuvarlak bir resim oluşturma, bu resme resim ekleme, çerçeve ekleme ve gölgelendirme yapma adımları gösterilmektedir. Eğitmen, Xcode'da yeni bir SwiftUI view dosyası oluşturma, image ekleme, clip shape ile yuvarlak hale getirme, overlay kullanarak çerçeve ekleme ve shadow ile gölgelendirme yapma işlemlerini adım adım anlatmaktadır. Video, bir sonraki derste arayüzün daha da geliştirileceği bilgisiyle sonlanmaktadır.

00:01Swift UI ile Yuvarlak Resim Oluşturma: Önceki derste SEO SEIO tanıtımı yapılmış ve yazı kısmının kendi projede oluşturulması başlamıştı.
Bu derste yuvarlak resmin nasıl yapılacağı, çevresindeki beyaz çerçevenin nasıl oluşturulacağı ve arkasına gölgelendirme verme konusu anlatılacak.
Proje, ana dosyadan başlayarak yeni bir Swift UI view dosyası oluşturuluyor.
00:52Yuvarlak Resim ve Çerçeve Ekleme: Yeni dosyaya "circle image" ismi verilerek yuvarlak bir resim oluşturuluyor.
Default olarak gelen "hello world" yazısı değiştirilerek masaüstündeki ağaç resmi sürüklenerek ekleniyor.
Resim yuvarlak hale getirmek için "clip shape" ve "circle" özellikleri kullanılıyor.
03:32Çerçeve ve Gölgelendirme Ekleme: Yuvarlak resmin etrafına çerçeve eklemek için "overlay" özelliği kullanılarak yeni bir circle çağrılıyor.
Çerçevenin rengi gri olarak değiştiriliyor ve "line width" özelliği ile 4 birimlik bir çerçeve oluşturuluyor.
Gölgelendirme eklemek için "shadow" özelliği kullanılıyor ve yarıçap değeri 10 olarak ayarlanarak hafif bir gölgelendirme oluşturuluyor.
05:44Ana Görüntüye Entegrasyon: Oluşturulan yuvarlak resim ana görüntüye entegre ediliyor.
Sonraki derste resmin konumlandırılması, sağa, sola, ortaya ve haritayla birlikte olan kısmı geliştirilecek.
Son arayüzün yakalanması hedefleniyor.