<\/p>\n
- \n
- D\u00e9marrez XCode 3.2.6 et cr\u00e9ez un nouveau projet en utilisant le gabarit \u00abArx with Cocoa\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-24-06-300x243.png\" "\\"2013-06-24_15-24-06\\"")
<\/a><\/p>\n- \n
- Dans le dossier \u00abAcadApp\u00bb que nous avons cr\u00e9\u00e9 dans l’article pr\u00e9c\u00e9dent, cr\u00e9ez un nouveau sous-dossier nomm\u00e9 \u00abDialogBoxTest\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-27-13-300x205.png\" "\\"2013-06-24_15-27-13\\"")
<\/a><\/p>\n- \n
- Nomm\u00e9 le nouveau projet de la m\u00eame fa\u00e7on (\u00abDialogBoxTest\u00bb).<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-29-57-300x205.png\" "\\"2013-06-24_15-29-57\\"")
<\/a><\/p>\nNous nous retrouvons avec un projet identique \u00e0 celui cr\u00e9\u00e9 dans le dernier article. \u00c0 la diff\u00e9rence du projet pr\u00e9c\u00e9dent, notre commande affichera une fen\u00eatre avec un seul bouton qui, lorsque cliqu\u00e9, affichera \u00e0 la ligne de \u00a0commande notre message \u00abBonjour le monde!\u00bb. Nous devons donc ajouter une bo\u00eete de dialogue.<\/p>\n
- \n
- \u00c0 partir de la section \u00abGroup & Files\u00bb, cliquez avec le bouton droit \u00abDialogBoxTest\u00bb puis choisissez l’option \u00abAdd->New file…\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-36-17-300x213.png\" "\\"2013-06-24_15-36-17\\"")
<\/a><\/p>\n- \n
- Choisissez le gabarit \u00abWindow XIB\u00bb dans la section \u00abUser Interface\u00bb puis cliquez \u00abNext\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-39-47-300x243.png\" "\\"2013-06-24_15-39-47\\"")
<\/a><\/p>\n- \n
- Inscrivez \u00abUserInput.xib\u00bb comme nom de document puis cliquez le bouton \u00abFinish\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-43-31-300x243.png\" "\\"2013-06-24_15-43-31\\"")
<\/a><\/p>\n- \n
- Un nouveau document a \u00e9t\u00e9 ajout\u00e9 au projet.<\/li>\n
- Double-cliquez sur le document ajout\u00e9 pour d\u00e9marrer \u00abInterface Builder\u00bb qui nous permettra d’ajouter visuellement un bouton dans la nouvelle fen\u00eatre.<\/li>\n<\/ul>\n
L’application \u00abInterface Builder\u00bb contient plusieurs fen\u00eatre dont la fen\u00eatre \u00abWindow\u00bb qui est la fen\u00eatre de notre bo\u00eete de dialogue. Vous retrouverez aussi une fen\u00eatre nomm\u00e9 \u00abLibrary\u00bb. (si vous ne la voyez pas, vous pouvez l’afficher en utilisant le menu d\u00e9roulant \u00abTools\u00bb).<\/p>\n
- \n
- Dans la fen\u00eatre \u00abLibrary\u00bb, choisissez \u00abObjects\u00bb puis \u00abButtons\u00bb. Cela permettra d’afficher une liste des diff\u00e9rents boutons disponibles.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-50-13-300x187.png\" "\\"2013-06-24_15-50-13\\"")
<\/a><\/span><\/span><\/div>\n<\/div>\n- \n
- \u00a0Trouvez ensuite \u00abPush Button\u00bb puis glissez-le dans la fen\u00eatre \u00abWindow\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-57-41-300x187.png\" "\\"2013-06-24_15-57-41\\"")
<\/a><\/span><\/span><\/div>\n<\/div>\n- \n
- \u00a0Double-cliquez sur le bouton et modifiez le texte du bouton pour \u00abBonjour Le monde!\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_15-59-29-300x182.png\" "\\"2013-06-24_15-59-29\\"")
<\/a><\/span><\/span><\/div>\n<\/div>\n- \n
- \u00a0Quitter \u00abInterface Builder\u00bb en choisissant l’option \u00abQuit Interface Builder\u00bb du menu principal en n’oubliant pas de sauvegarder les changements.<\/li>\n<\/ul>\nPour coder l’\u00e9v\u00e8nement du bouton nous aurons besoin d’un autre fichier.<\/span><\/span><\/div>\n<\/div>\n
- \n
- \u00c0 partir de la section \u00abGroup & Files\u00bb, cliquez avec le bouton droit \u00abClasses\u00bb sous \u00abDialogBoxTest\u00bb puis choisissez l’option \u00abAdd->New file…\u00bb.<\/li>\n
- Comme gabarit, choisissez \u00abCocoa Class->Objective-C class->NSWindowController\u00bb<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_16-49-41-300x243.png\" "\\"2013-06-24_16-49-41\\"")
<\/a><\/span><\/span><\/div>\n<\/div>\n\n- \n
- \u00a0Cliquez le bouton \u00abNext\u00bb puis nommez le fichier \u00abUserInput.mm\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_16-53-42-300x243.png\" "\\"2013-06-24_16-53-42\\"")
<\/a><\/p>\nNotez l’extension \u00abmm\u00bb et non seulement \u00abm\u00bb qui est celle par d\u00e9faut. Le double m indique que la classe est une classe C++ et non C seulement. Cela aura un impact lors de la compilation du programme.<\/p>\n
- \n
- \u00a0Cliquez le bouton \u00abFinish\u00bb puis ouvrez le fichier \u00abUserInput.h\u00bb qui devrait aussi avoir \u00e9t\u00e9 automatiquement cr\u00e9\u00e9.<\/li>\n
- Ajoutez la d\u00e9claration suivante dans l’interface:<\/li>\n<\/ul>\n
@interface UserInput : NSWindowController {<\/p>\n
}
\n– (IBAction) HelloWorld_Clicked:(id) sender;<\/strong>
\n@end<\/p><\/blockquote>\nCette d\u00e9claration de type \u00abIBAction\u00bb d\u00e9clare la fonction qui sera utilis\u00e9e lors du clic du bouton.<\/p>\n
- \n
- Copiez cette d\u00e9claration dans le fichier \u00abUserInput.mm\u00bb et modifiez-la de la fa\u00e7on suivante:<\/li>\n<\/ul>\n
#include <aced.h><\/strong><\/p>\n
@implementation UserInput<\/div>\n– (IBAction) HelloWorld_Clicked:(id) sender{
\nacutPrintf(_T(\u00ab\u00a0\\nBonjour le monde\u00a0\u00bb));
\n}<\/strong>
\n@end<\/p><\/blockquote>\nCeci affichera le message \u00e0 la ligne de commande. N’oubliez pas aussi d’inclure la ligne: #include <aced.h> <\/strong>afin de pouvoir utiliser la fonction acutPrintf.<\/strong><\/p>\n
- \n
- Assurez-vous d’avoir sauvegard\u00e9 vos changements.<\/li>\n<\/ul>\n
Je ne vous expliquerai pas en d\u00e9tail la syntaxe du langage C\/C++ ou d’Objective C. Pour les bases de ce langage r\u00e9f\u00e9rez-vous \u00e0 de nombreux manuels disponibles sur le march\u00e9. Pour ma part, j’utilise le livre \u00abCocoa and Objective C – Up and running\u00bb de Scott Stevenson aux \u00e9ditions O’Reilly. Bien que je le trouve un peu complexe, il permet de mieux comprendre les bases du langage Objective-C.<\/p>\n
Maintenant nous devons liez le bouton de l’interface \u00e0 la fonction que nous venons \u00a0de cr\u00e9er.<\/p>\n
- \n
- Ouvrez le fichier \u00abUserInput\u00bb.<\/li>\n
- Dans la fen\u00eatre \u00abUserInput.xib\u00bb, cliquez \u00abFile’s owner\u00bb, puis dans la fen\u00eatre \u00abUser Input Identity\u00bb, cliquez \u00ab Identity\u00bb (identifi\u00e9 par un i) puis s\u00e9lectionnez la classe \u00abUserInput\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_19-35-20-300x187.png\" "\\"2013-06-24_19-35-20\\"")
<\/a><\/span><\/span><\/div>\n<\/p>\n
- \n
- Cliquez ensuite avec le bouton droit l’ic\u00f4ne \u00abFile’s owner\u00bb puis glissez le cercle \u00e0 l’extr\u00eame droite de la ligne o\u00f9 est \u00e9crit le mot \u00abWindow\u00bb vers un espace vide de la fen\u00eatre \u00abWindow\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_19-37-07-300x187.png\" "\\"2013-06-24_19-37-07\\"")
<\/a><\/p>\n- \n
- Refaites la m\u00eame op\u00e9ration pour l’action \u00abHelloWorld_Clicked\u00bb en glissant le cercle \u00e0 droite sur le bouton d\u00e9marrant l’action.<\/li>\n<\/ul>\n
- Cliquez ensuite avec le bouton droit l’ic\u00f4ne \u00abFile’s owner\u00bb puis glissez le cercle \u00e0 l’extr\u00eame droite de la ligne o\u00f9 est \u00e9crit le mot \u00abWindow\u00bb vers un espace vide de la fen\u00eatre \u00abWindow\u00bb.<\/li>\n<\/ul>\n
- Assurez-vous d’avoir sauvegard\u00e9 vos changements.<\/li>\n<\/ul>\n
- Copiez cette d\u00e9claration dans le fichier \u00abUserInput.mm\u00bb et modifiez-la de la fa\u00e7on suivante:<\/li>\n<\/ul>\n
- \u00a0Cliquez le bouton \u00abNext\u00bb puis nommez le fichier \u00abUserInput.mm\u00bb.<\/li>\n<\/ul>\n
- \u00a0Quitter \u00abInterface Builder\u00bb en choisissant l’option \u00abQuit Interface Builder\u00bb du menu principal en n’oubliant pas de sauvegarder les changements.<\/li>\n<\/ul>\n
- \u00a0Double-cliquez sur le bouton et modifiez le texte du bouton pour \u00abBonjour Le monde!\u00bb.<\/li>\n<\/ul>\n
- \u00a0Trouvez ensuite \u00abPush Button\u00bb puis glissez-le dans la fen\u00eatre \u00abWindow\u00bb.<\/li>\n<\/ul>\n
- Dans la fen\u00eatre \u00abLibrary\u00bb, choisissez \u00abObjects\u00bb puis \u00abButtons\u00bb. Cela permettra d’afficher une liste des diff\u00e9rents boutons disponibles.<\/li>\n<\/ul>\n
- Inscrivez \u00abUserInput.xib\u00bb comme nom de document puis cliquez le bouton \u00abFinish\u00bb.<\/li>\n<\/ul>\n
- Choisissez le gabarit \u00abWindow XIB\u00bb dans la section \u00abUser Interface\u00bb puis cliquez \u00abNext\u00bb.<\/li>\n<\/ul>\n
- \u00c0 partir de la section \u00abGroup & Files\u00bb, cliquez avec le bouton droit \u00abDialogBoxTest\u00bb puis choisissez l’option \u00abAdd->New file…\u00bb.<\/li>\n<\/ul>\n
- Nomm\u00e9 le nouveau projet de la m\u00eame fa\u00e7on (\u00abDialogBoxTest\u00bb).<\/li>\n<\/ul>\n
- Dans le dossier \u00abAcadApp\u00bb que nous avons cr\u00e9\u00e9 dans l’article pr\u00e9c\u00e9dent, cr\u00e9ez un nouveau sous-dossier nomm\u00e9 \u00abDialogBoxTest\u00bb.<\/li>\n<\/ul>\n
![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_19-44-03-300x187.png\" "\\"2013-06-24_19-44-03\\"")
<\/a><\/p>\n![\"\"](\"http:\/\/adc-dao.com\/wordpress\/wp-content\/uploads\/2013\/06\/2013-06-24_20-12-45-300x243.png\" "\\"2013-06-24_20-12-45\\"")
<\/a><\/span><\/span><\/div>\n