Swift TableView Kullanımı | HepTeknoloji.net
Ana sayfa » Programlama » Swift TableView Kullanımı

Swift TableView Kullanımı

Yazar: Mehmet YETKİN
swift-logo

Mobil programlamada birçok projede kullanacağımız nesnelerden biri hiç şüphesiz Tableview nesnesidir. Verilerin listeli halde gösterimi mobil programlamada önemli bir konudur.  Şimdi sizlere xcode kullanarak swift dili ile listelemenin nasıl yapıldığını örnekle göstereceğim.

Xcode çalıştırıp “create a new xcode project” diyerek yeni bir proje oluşturalım.

 

xcode-proje-olusturma, create a new project, yeni bir proje olusturma

xcode-proje-olusturma

daha sonra çıkan ekranda, Single View App deyip next butonuna basalım.

xcode-proje-secimi,singleview-secimi

xcode-singleview-secimi

burada projemizin ismini TableViewKullanimi belirleyip, kullanılacak apple developer hesabı, organizasyon adi, kullanılacak dil(swift, objective c) ve veritabanı kullanımını belirledikten sonra next butonuna basıp devam ediyoruz.

xcode-proje-adi, xcode-kullanilacak-dil,

xcode-projeadi

TableViewKullanimi adinda projemizi oluşturduk. Karşımıza çıkan ekranda Main.storyboard’a tıklayıp ekran tasarımına geçiyoruz.

xcode-mainstoryboard-ekrani, xcode-proje-tasarim-ekrani

xcode-proje-tasarim-ekrani

ViewController ekran tasarımına geçtikten sonra bu ekrana TableView nesnesini eklememiz gerekiyor.

xcode-tableview, projeye-tableview-ekleme

xcode-tableview

xcode sağ alt köşede nesnelerin olduğu bölümde filtreleme kısmına table yazıp TableView nesnesini buluyoruz. Daha sonra bu nesneyi ViewController ekranının üzerine sürükleyelim.

tableview-ekleme,tableview-kullanimi

tableview

TableView nesnesini ekrana sürükledikten sonra tableview’in  köşelerinden tutup tam ekran yapalım. Bu işlemden sonra Tableview ayarlarına gelelim.

tableview-dynamic-prototype-ayarlama

tableview-dynamic-prototype-ayarlama

 

TableView nesnesine tıklayıp ekranın sağında çıkan özellikler bölümünde Prototype Cell değerini 1 yapıyoruz. Değeri 1 yaptıktan sonra Tableview üzerinde çıkan Prototype Cells bölümü seçip sağ köşede özellikler bölümünde Table View Cell’de idintifier kısmına “cell” yazıyoruz.

tableview-idintifier-belirleme

tableview-idintifier-belirleme

bu işlemlerden sonra sıra geldi Tableview nesnesini Viewcontroller  ekranıyla datasource ve delegate ayarlamaları yapmaya. Tableview nesnesini seçip sağ tuşla aşağıdaki ekranda görüldüğü gibi View Controller üzerine sürüklüyoruz.

tableview-datasource-ve-delegate-ayarlama

tableview-viewcontroller-surukleme

sürükleme işleminden sonra karşımıza çıkan datasource ve delegate seçeneklerini sırasıyla (her biri için ayrı sürükleme yapılacak) seçip bu işlemi de bitiriyoruz.

tableview-datasource-delagate-baglantisi,

tableview-datasource-delegate-baglantisi

Tableview datasource-delegate bağlantılarından sonra şimdi sıra geldi Tableview nesnemizi ViewController’a tanımlamaya.

tableview-tanimlama

tableview-tanimlama

Yukarıdaki ekranda da görüldüğü gibi tableview nesnesini farenin sağ tuşuyla tutup ViewController üzerine class’ın hemen altına değişken tanımlama alanına sürüklüyoruz. Sürüklemeyi bıraktığımız an karşımıza çıkan ekrana vermek istediğimiz ismi girip (biz burada tableview olarak tanımladık) Connect diyoruz.

tableview-degisken-tanimlama-tableview-veri-yapisi

tableview-degisken-tanimlama

bu işlemden sonra sıra geldi kod kısmına.

Viewcontoller.swift dosyasına tıkladığımızda karşımıza çıkan ekranda öncelikle Tableview UITableViewDataSourceUITableViewDelegate sınıflarını aşağıdaki şekilde eklememiz gerekir.

bu işlemden sonra aşağıdaki uyarıyı alırız.  Bu uyarıya tıkladığımızda datasource ve delegate fonksiyonları otomotik eklenir.

tableview-siniflarini-ekleme

tableview-siniflarini-ekleme

aşağıdaki fonksiyonlar eklendikten sonra şimdi sıra geldi listeleyeceğimiz listeyi hazırlamaya.

öncelikle aşağıdaki gibi ülke isimlerinin olduğu bir liste dizisi oluşturalım.

daha sonra tableview fonksiyonlarının içini aşağıdaki gibi dolduralım.

üstteki numberOfRowsInSection fonksiyonunda return olarak listelenecek ülke sayısını giriyoruz. Buda örneğimizde dizimizin boyutudur. Bir alttaki cellForRowAt fonksiyonunda da “cell” tanımlaması yapıp satır satır listeleme yapmasını sağlıyoruz.

Projeyi çalıştırdığımızda aşağıdaki gibi bir ekran çıkar karşımıza

tableview-liste-ekran-goruntusu

tableview-listeleme

 

 

 

 

0 yorum
1

İlgili Yazılar

Yorum yap