Swift — Custom TableView Cell Yapımı xib ile

Mustafa MEDENİ
NSIstanbul
Published in
2 min readDec 12, 2017

Merhaba arkadaşlar ilk yazımın ardından şimdi de size custom cell yapımını göstereceğim. Batuhan`ın custom view tasarlamasının üzerine tamamlayıcı ve öğretici olabileceğini düşündüm. Eğer Batuhan`ın yazısını okumadıysanız okumunuzu tavsiye ederim.

Neden Xib File Kullanmalıyım ?

Bildiğiniz üzere tablolarda standart cell tasarımları ile bir çok sorunu çözebiliyoruz ancak kendinize özel bir tasarım yapmak istiyorsanız bu yeterli gelmiyor şimdi beraber bir tasarım yapalım ve uygulamasını görelim.

Xib File ile Cell Oluşturma

File->New File ->Cocoa Touch Class

Dedikten sonra subclass`ı UITableViewCell seçiyoruz ve istediğimiz bir ismi veriyoruz ancak unutmayın ki Also Create XIB File seçmeliyiz aynen şu şekilde;

Bu işlem size iki tane dosya verecek bu dosyalardan bir tanesi, xib uzantılı olan tasarım dosyamız, bir diğeride swift dosyası olan tanımlama dosyamız.

Tasarım ve Tanımlamalar

Oluşturduğumuz xib file`a girelim istediğim yükseklikte özgün bir tasarım yapalım ve tanımlamaları yapalım ancak unutmayalım ki cell yüksekliğini bilmeliyizki tableview`e tanımlayalım.

Gördüğünüz gibi tanımlarımız ve tasarımımız tamam ve satır yüksekliğimiz 130 px

Custom Cell Entegresi

Viewcontroller içerisinde table view ile işlemlerimizi bitirdikten sonra cell entegresi için ilk önce satır yüksekliğini tableview delegate olan parametre olarak “ heightForRowAt indexPath: IndexPath “ ile atayalım.

Şimdi ise asıl önemli olan kısım tasarımımızın entegresini ve degerlerini satıra atayalım.

Sonuç

İstediğimiz tasarımda cell oluşturduk ve değerlerimizi atadık. Umarım faydalı olmuştur yaşadığınız sorunlarda geri dönüş yaparsanız elimden gelen yardımı yapmaya çalışırım 😊

İYİ KODLAMALAR 👍🏻💻☺️

--

--

Mustafa MEDENİ
NSIstanbul

iOS Developer | Gopher and Coffee geek | ios — web📱💻 🤓