Un Hello iPhone

Dans cet article on va écrire un simple programme Hello iPhone qui affiche dans un premier temps « Hello iPhone » , on va l’améliorer un petit peu pour qu’il affiche le même « Hello World » mais avec des couleurs différentes.

On ouvre d’abord Xcode

media_1262496883931.png

Ensuite on choisi, Create a new Xcode project, une nouvelle fenêtre va s’ouvrir

On choisi View-based Application

media_1262497016953.png

On renomme le fichier HelloiPhone

media_1262497155281.png

Ensuite on clique sur save, une nouvelle fenêtre content tout le projet va apparaitre

media_1262497516167.png

Ce qui nous intéresse ici sont essentiellement trois choses, les deux fichiers HelloiPhoneViewController.h, HelloiPhoneViewController.m et HelloiPhoneViewController.xib

Création de la vue

capture_d_ecran_2010-01-03_a_06-52-54.png

On clique ensuite sur HelloiPhoneViewController.xib pour l’ouvrir dans Interface Builder afin de créer ce qui va s’afficher sur l’écran de l’iPhone. Pour cela on choisi dans la fenêtre Library un Label et on le drag dans la fenêtre View

capture_d_ecran_2010-01-03_a_06-52-54_1.png

Une fois que notre Label est dans la fenêtre View, on va changer sa taille pour qu’il rempli tout l’espace de gauche a droite de la fenêtre View (vous serez guidez par des pointillés, quand vous arrivez a l’extrémité de chacun des deux cotés)

capture_d_ecran_2010-01-03_a_07-12-47.png

Il faut ensuite écrire le texte Hello iPhone a l’intérieur de ce Label, et centrer ce texte a l’aide de View Attributes qui se trouve a la droite de l’écran, on peut aussi mettre le Font Size a 49 par exemple et ensuite on fait (cmd + s) et on sauvegarde tout ca et on ferme Interface Builder si on veut

Exécution

capture_d_ecran_2010-01-03_a_07-28-38.png

Ok, c’est pas terrible on va essayer de l’améliorer un petit peu et écrire une ou deux lignes de codes (car jusqu’à présent on a pas écrit de code). Bon j’ai assez fait de screenshots aujourd’hui don je vous propose la suite en vidéo 🙂

Pour fixer le problème de l’orientation du texte dans l’iPhone, on ajoute la méthode suivante dans notre fichier HelloiPhoneViewController.m :

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    // Return YES for supported orientations
    return YES;
}

Voila le code des deux fichiers qui nous intéressent :
HelloiPhoneViewController.h


#import <UIKit/UIKit.h>

@interface HelloiPhoneViewController : UIViewController {
	IBOutlet UILabel *helloLabel;
}

-(IBAction) changeToRed   : (id) sender;
-(IBAction) changeToBlue  : (id) sender;
-(IBAction) changeToGreen : (id) sener;

@end

}

HelloiPhoneViewController.m


#import "HelloiPhoneViewController.h"

@implementation HelloiPhoneViewController

-(void) changeToRed:(id)sender {
	helloLabel.textColor = [UIColor redColor];
}

-(void) changeToBlue:(id)sender {
	helloLabel.textColor = [UIColor blueColor];
}

-(void) changeToGreen:(id)sender {
	helloLabel.textColor = [UIColor greenColor];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    // Return YES for supported orientations
    return YES;
}

- (void)didReceiveMemoryWarning {
	// Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];

	// Release any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
	// Release any retained subviews of the main view.
	// e.g. self.myOutlet = nil;
}

- (void)dealloc {
    [super dealloc];
}

@end

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s