Outlets et Actions

Nous allons voir, par le biais d'un tutoriel, les différents liens entre le code et l'interface visuelle.
Pour cela nous allons créer une application qui va calculer le prix taxe comprise en partant d'un prix hors taxe donné par l'utilisateur.

Créons un nouveau projet “Windows based application” et nommons le "CalculTVA" :

Nous allons tout d’abord nous occuper de la partie design, ouvrons le fichier mainWindow.xib.
Ajoutons deux labels pour les titres, un textfield pour l’entrée utilisateur, un bouton pour lancer le calcul et un troisième label pour l’affichage du résultat.

L'interface est prête, nous devons déclarer ces éléments dans le code afin de pouvoir récupérer les informations entrées par l'utilisateur dans le textfield et afficher le résultat dans le label lorsque le bouton est cliqué.

Dans le fichier CalculTVAAppDelegate.h, déclarons notre fonction et nos outlets :

@interface CalculTVAAppDelegate : NSObject <UIApplicationDelegate> {

IBOutlet UITextField *montantHT;

IBOutlet UILabel *montantTTC;

}

@property (nonatomic, retain) IBOutlet UIWindow *window;

- (IBAction)calculate:(id)sender;
@end

IBOutlet permet de connecter les objets du controller et de la vue.

IBAction permet de connecter les fonctions du controller sur une action effectuée dans la vue.

Retournons dans la partie graphique de notre projet, dorénavant lorsque nous faisons un clic droit sur l’appDelegate, montantHT, montantTTC et calculate: apparaissent.
Il nous suffit des les relier à l’objet désiré pour connecter nos objets du controller avec ceux de la vue : ils ne feront plus qu’un. Lorsque nous agirons sur le textfield dans le controller ou dans la vue, nous agirons sur un seul et même textfield, sur la même zone mémoire.

Au moment de relier la fonction calculate: au bouton, plusieurs choix s’offrent à nous, sélectionnons "Touch up inside" (il s'agit d'un clic standard, la documentation Apple explique les autres choix).

Maintenant que notre fonction est reliée à une action, il est de temps mettre en place le calcul qui nous donnera le montant final. Pour cela, dans le fichier CalculTVAAppDelegate.m déclarons notre fonction :

Nous récupérons la valeur entrée par l’utilisateur, on la convertit en float (pour la précision après la virgule) et on la stocke dans la variable tmp.

On applique le calcul tmp + (tmp*15,5/100) et nous obtenons la valeur a afficher dans notre label MontantTTC.

- (IBAction)calculate:(id)sender {

float tmp = [montantHT.text intValue];

tmp = tmp*15,5;

tmp = tmp/100;

tmp = tmp + [montantHT.text intValue];

montantTTC.text = [NSString stringWithFormat:@”%1.2f€”, tmp];

}

Build & Run et le tour est joué !