4. Interface Builder (IB)

Bu bölümde IB editörünü tanıyacağız.

IB tam anlamıyla size görsel tasarımınızı yapmanızı sağlayacak olan editördür. Uygulamanızın kullanıcıya nasıl görüneceğini burda belirler, görsel öğeler ile kodlarınız arasıdaki bağlantıyı bu ekranda dekleratif olarak tanımlarsınız.

IB dört farklı ekrandan oluşur :

Soldan sağa;

1.Pencere .xib dosyasının görselini oluşturmaktadır. Uygulamanızdaki View objesine ait görsel öğe hiyerarşini .xib penceresinden takip edebilirsiniz. Mesela uygulamanıza bir buton eklediğinizde bu butonun tanımı .xib penceresine eklenir.

2.Pencere View penceresidir. Bu pencere uygulamanızın iPhone cihazında nasıl görüneceğini bu pencereden takip edebilirsiniz.

3.Pencere View penceresinin ve View objesine bağlı olan diğer buton vs. gibi objelerin görsel ve davranışsal özelliklerini takip edebileceğiniz ve değiştirebileceğiniz penceredir. Örneğin bir butonun boyutunu, arkaplan rengini bu pencereden güncelleyebileceksiniz.

4.Pencere uygulamanızda kullanabileceğiniz hazır görsel objeleri seçip View objenize sürüklemenize imkan veren penceredir.

Şimdi 2, 3 ve 4.pencereleri kapatıp .xib penceresini kullanarak kapattığımız pencereleri nasıl tekrar geri açabiliriz görelim.

Pencereleri kapattıktan sonra .xib penceresindeki "View" adlı objeye çift tıklayın. View penceresinin açıldığını göreceksiniz.

.xib penceresindeki "Inspector" adlı objeye tıklayın. 3.pencerenin açıldığını göreceksiniz.

.xib penceresindeki "Library" adlı objeye tıklayın. 4.pencerenin açıldığını göreceksiniz.