Yazar Bozar

Xcode’u açtıktan sonra “File” menüsünden “New Project” seçeneğine ile yeni bir proje oluşturarak işe başlayabilirsiniz. Açılan ekranı sağ tarafında iPhone ve Mac Os X şeklinde 2 başlık altında değişik şablonlar(template) ile işe başlamak mümkün. Buradan “View-based Application” şablonunu seçelim.

Xcode proje için bir isim isteyecek:

İsim olarak “ViewBasedHelloWorld” girdikten sonra devam edebilirsiniz. Bundan sonra otomatik oluşturulmuş bir proje açılacaktır. Bu şablon açıldığında artık çalışan bir iPhone uygulaması var demektir. Hemen “Build and Go” butonuna tıklayarak, iPhone simulator üzerinde uygulamanın çalıştığını görebilirsiniz. Tabii ilk anda içi boş bir ekrandan fazlası olmayacak.

“Tasks” butonuna basarak tekrar Xcode’a dönüp geliştirmemize devam edebilirsiniz.

Artık kod yazmaya başlayalım:

ViewBasedHelloWorldAppDelegate.h ve ViewBasedHelloWorldAppDelegate.m dosyalarına baktığımızda Xcode’un bizim için uygulamanın çalışacağı “Window” ve birde “View Controller” için kodları zaten ürettiğini göreceksiniz. Bu dosyalarda herhangi bir değişiklik yapmamız gerekmiyor.

“View”, “Button” ve butona basıldığında “Hello World” yazacak “Label”:

ViewBasedHelloWorldViewController.h yani view controller interface dosyasını değiştirerek aşağaki kodu ekleyin.

	UIView *myView;
	UIButton *roundedButtonType;

Asıl işin yapılacağı bölüme geldiniz. ViewBasedHelloWorldViewController.m dosyasını açın. Bu “view controller” içinde “View” için gerekli fonksiyonların Xcode tarafından yaratılmış olduğunu göreceksiniz. Dosya içinde “View” hiyerarşisini oluşturacabileceğiniz “loadView” fonksiyonunu bulabilirisiniz. Bu fonksiyon üzerinde aşağıdaki gibi değişiklikleri yapın. Bu kod uygulama çalıştığında ”View” oluşturacak ve onu ekrana yerleştirecektir. Ardından “View” üzerinde bir buton oluşturacaktır.

- (void)loadView {
 
	// create and configure the view
	myView = [[UIView alloc] initWithFrame:[UIScreen mainScreen].applicationFrame];
	[myView setBackgroundColor:[UIColor whiteColor]];
	self.view = myView;
 
	// create a UIButton (UIButtonTypeRoundedRect)
	roundedButtonType = [[UIButton buttonWithType:UIButtonTypeRoundedRect] retain];
	roundedButtonType.frame = CGRectMake(110.0, 40.0, 100.0, 40.0);
    	[roundedButtonType setTitle:@"Display" forState:UIControlStateNormal];
    	roundedButtonType.backgroundColor = [UIColor clearColor];
	[roundedButtonType addTarget:self action:@selector(action:) forControlEvents:UIControlEventTouchUpInside];
	[myView addSubview:roundedButtonType];
 
	[roundedButtonType release];
	[myView release];
}

“Build and Go” butonuna basıp şu ana kadar yaptıklarımızı simulator üzerinden görebilirsiniz. Uygulama açıldığında ekranda “Display” yazan bir buton görebilirsiniz. Ama henüz bir aksiyon belirtmediğmiz için butona basıldığında herhangi bir değişiklik olmayacaktır.

Şimdi “Hello World” yazacak aksiyonu belirtecek fonksiyonu yazabilirsiniz. Bunun için aşağıdaki fonksiyonu ViewBasedHelloWorldViewController.m dosyasına ekleyerek bu işlemide tamamlayabilirsiniz. Bu fonksiyon butona basıldığında çalışıp, bir “Label” yaratarak üzerine “Hello World!” yazacak ve ekranda gösterecektir.

- (void)action:(id)sender{
 
	CGRect labelFrame = CGRectMake(110.0, 90, 100, 40);
	UILabel *label = [[UILabel alloc] initWithFrame:labelFrame];
	label.textAlignment = UITextAlignmentCenter;
	[label setText:@"Hello World!"];
	label.minimumFontSize = 20;
 
	[myView addSubview:label];
}

Tekrar “Build and Go” butonuna basıp yaptıklarınızı test edebilir aşağıdaki gibi bir ekran görüntüsü görebilirsiniz.

Böylece “Hello World” uygulamasını tamamlamış olacaksınız.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.