Buradasın
Xcode'da Collection View Kullanarak Resim Galerisi Oluşturma Eğitimi
youtube.com/watch?v=YH53RJxbhQQYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Xcode'da Collection View kullanarak resim galerisi oluşturma sürecini adım adım göstermektedir.
- Video, yeni bir Xcode projesi oluşturma ile başlayıp, manzara resimlerinin projeye eklenmesi, Collection View'ın tasarım ortamında yerleştirilmesi ve düzenlenmesi aşamalarını kapsamaktadır. Ardından hücre sınıfı oluşturma, ImageView ekleme ve Swift kodlarıyla resimlerin galeriye yüklenmesi anlatılmaktadır. Ayrıca, resim isimlerinin doğru şekilde kaydedilmesi ve obje sayısına göre ekrandaki hücre sayısının belirlenmesi gibi konular da ele alınmaktadır.
- Eğitim, resim galerisinin test edilmesiyle sonlanmakta ve bir sonraki derste ayrıntı penceresi açtırma ve resimlerle ilgili ek bilgiler ekleme konularının işleneceği bilgisiyle tamamlanmaktadır.
- 00:01Xcode Projesi Oluşturma
- Bu derste Collection View kullanarak bir image galeri yapımı gösterilecek.
- Xcode'da yeni bir single view application projesi oluşturuluyor.
- Proje adı "Resim Galerisi", organizasyon adı "Resim Galerisi Organizasyon" olarak belirleniyor.
- 01:00Resimlerin Eklenmesi
- Google'dan rastgele seçilen yedi adet manzara resmi proje dosyasına sürükle-bırak yöntemiyle dahil ediliyor.
- Resimlerin aynılarını kullanmak yerine, farklı resimler indirilip isimlendirilerek kullanılabilir.
- Collection View objesi tasarım ortamına ekleniyor ve uçları hizalanıyor.
- 02:31Collection View Ayarları
- Collection View'a gri arka plan, kutucuğa sarı arka plan veriliyor.
- Collection View'e datasource ve delegate outlet'leri ekleniyor.
- Kutucuğa "hücre" tanımlayıcısı veriliyor ve doküman outline üzerinden altı adet hücre oluşturuluyor.
- 04:10Hücre Tasarımı
- Hücrelerin section insets'leri ayarlanıyor: tepeden 10 piksel, soldan ve sağdan 5 piksel boşluk bırakılıyor.
- Hücrelerin size'ları %100'den %120'ye çıkarılıyor.
- Gereksiz hücreler silinerek sadece bir hücre kalıyor.
- 05:36Hücre Sınıfı Oluşturma
- Resim Galerisi klasörüne yeni bir Cocoa Touch class dosyası ekleniyor.
- Subclass türü olarak Collection ViewCell seçiliyor ve "hücre sınıfı" adı veriliyor.
- Hücre sınıfını hücrelere atanıyor ve içerisine ImageView ekleniyor.
- 06:43ImageView Ayarları
- ImageView hücrenin içerisine yerleştiriliyor ve hizalanıyor.
- ImageView'ın content modu aspect fill olarak değiştiriliyor.
- Asset Editor üzerinden ImageView'a "resim taşıyıcı" adında bir outlet ekleniyor.
- 08:31ViewController Kodlama
- ViewController sınıf dosyasına UICollectionViewDelegate ve UICollectionViewDataSource eklentileri yapılıyor.
- ViewDidLoad fonksiyonunda resim deposu adında bir dizi oluşturuluyor ve yedi resim ismi ekleniyor.
- CollectionViewDelegate sınıfından numberOfItemsInSection fonksiyonu yazılıyor ve resim deposunun count'u döndürülüyor.
- 12:29ItemAddIndexPath Fonksiyonu
- CollectionViewDelegate sınıfından itemAddIndexPath fonksiyonu yazılıyor.
- Geçici bir hücre oluşturuluyor ve hücre sınıfının bir üyesi olarak tanımlanıyor.
- Oluşturulan hücreye resim deposundan ilgili resim yükleniyor ve geri gönderiliyor.
- 15:31Collection View Simülatör Sorunu ve Çözümü
- Simülatör yüklendi ancak bazı resimler yüklenmemiş durumda.
- Sorunun sebebi resim isimlerinin yanlış kaydedilmesi (manzara yerine manzara olarak yazılmış).
- Resim isimlerini "manzara" olarak değiştirerek sorun çözüldü ve resimler başarıyla yüklendi.
- 16:40Collection View'ın Objelerle Çalışma Özellikleri
- Collection View'ın return type'ı (resim deposu) obje sayısına göre ekrandaki hücre sayısını belirler.
- Objelerin sayısı artırıldığında, kaydırma çubuğu otomatik olarak projeye eklenir.
- Bu özellik Collection View'ın dahili özelliklerinden biridir.
- 17:43Bir Sonraki Dersin Tanıtımı
- Bir sonraki derste ayrıntı penceresi açılacak.
- Resme tıklandığında farklı bir pencere açılarak farklı bir görüntü alanına gidilebilecek.
- Resimle ilgili ek bilgiler veya açıklamalar bu alanda gösterilebilecek.