Exemples
CEs exemples fonctionnent avec BeBuilder V0.5
- Démarrage de BeBuilder
Première chose à faire après avoir copier les fichiers dans votre endroit favori : double cliquer sur l'icone!
La fenêtre principale s'ouvre avec 3 menus File, Tools et AddOns.
The Menu Tools doit être considéré comme experimental.
- Créér un projet
Dans le menu "File" choisir l'option New Project.
On vous demande de choisir un répertoire ou seront placés les fichiers générés par BeBuilder.
Choisissez un répertoire et cliquez sur le bouton labelisé "Select 'MyDir'"
Si vous ouvrez le répertoire spécifié (via le Tracker) , vous trouverez 3 fichiers (AProject.cpp, AProject.h, makefile) ces fichiers sont générés automatiquement pathose files are automatically generated by BeBuilder.
- Tester la nouvelle fonctionalité appelée Generation Automatique de Code
Comme nous l'avons écrit précédemment, le code est généré automatiquement dès que l'on ajoute un composant ou qu'une propriété est modifiée.
Cliquez usr AProject dans la fenêtre principale, choisissez l'option Edit CPP File dans le menu Tools.
Le fichier AProject.cpp est édité dans le BeIDE, remarquez le bout de code "application/x-vnd.BeBuilderApp" Maintenant femez la fenêtre.
Cliquez sur AProject dans la fenêtre principale.
Cliquez sur la propriété AppSignature dans la fenêtre Properties, la fenêtre Standard Property Editor apparaît, entrez ce que vous voulez et appuyez sur Validate.
La propriété AppSignature dans la fenêtre Properties a été mis à jour.
Cliquez maintenant sur AProject dans la fenêtre principale, puis choisissez l'option Edit CPP File dans le menu Tools.
La chaîne que vous avez insérée est mainteant écrite dans le fichier...C'est la génération dynamique de code!
- Ajouter une fenêtre
Sélectionnez l'objet AProject.
Dans la barre de boutons choisissez le bouton Window. Une fenêtre apparaît et un objet AWindowComponent1 est ajouté dans la liste dans la fenêtre principale de BeBuilder.
- Ajouter une Vue
Sélectionnez l'objet AWindowComponent1.
Dans la barre de boutons choisissez le bouton View.
Une couleur grise couvre la fenêtre, c'est la vue.
Si vous cliquez à l'intérieur de la fenêtre créée, vous remarquerez que AViewComponent2 est maintenant sélectionné dans la fenêtre principale de BeBuilder.
Les propriétés associées à la vue sont visible dans la fenêtre Properties.
- Ajouter un bouton
Sélectionnez l'objet AViewComponent2.
Dans la barre de boutons choisissez le bouton Bouton.
Un bouton a été ajouté à la vue, vous pouvez le déplacer et le dimensionner avec la souris...
- Ajouter un control texte
Sélectionnez l'objet AViewComponent2.
Dans la barre de boutons choisissez le bouton TextControl.
Un control texte a été ajouté à la vue, vous pouvez le déplacer et le dimensionner avec la souris...
- Ajouter un bouton radio
Sélectionnez l'objet AViewComponent2.
Dans la barre de boutons choisissez le bouton RadioButton.
Un bouton radio a été ajouté à la vue, vous pouvez le déplacer et le dimensionner avec la souris...
- Ajouter une boite à cocher
Sélectionnez l'objet AViewComponent2.
Dans la barre de boutons choisissez le bouton CheckBox.
Une boite à cocher a été ajouté à la vue, vous pouvez le déplacer et le dimensionner avec la souris...
- Ajouter un menu
Comme vous allez le voir ajouter un menu est un peu plus complexe mais cela reste très simple quand même!
- Sélectionnez l'objet AViewComponent2 et cliquez sur le bouton MenuBar dans la barre de boutons.
- Sélectionnez l'objet AMenuBarX et cliquez sur le bouton Menu dans la barre de boutons.
- Sélectionnez l'objet AMenuX et cliquez sur le bouton MenuItem dans la barre de boutons.
- Conservez AMenuX selectionné, vous pouvez ajouter d'autres MenuItem, Separator et même des sous-menus (vous devrez choisir le bouton Menu dans la barre de boutons.)
- Actions
Si vous êtes curieux vous avez certainement remarqué qu'une propriété Message était disponible pour certains composants, elle vous permet de spécifier un identificateur de BMessage comme B_MY_MENU_SAVE ou n'importe quoi d'autre.
BeBuilder ajoutera votre message dans la fonction MessageReceiveddans le fichier View ou MenuBar associé. Tout ce que vous aurez à faire sera de localiser le commentaire Add you handler here et votre action sera executée à l'actionnement du composant.
Attention : les 4 derniers digits de la propriété Message doivent être uniques dans l'application.
Avec la génération automatique de code dès que vous modifiez la propriété Message le code est généré dans le fichier associé.
- AddOns
Les AddOns sont une nouvelle fonctionnalité depuis BeBuilder V0.3. Cela permet aux developpeurs de créer leurs composants et de les rendre disponible dans BeBuilder. Tout ce que vous aurez à faire pour installer de nouveaux composants sera de les copier dans le repertoire AddOn et de démarrer BeBuilder!
Les AddOns sont comme tous les composants pour les ajouter il suffit de les deposer sur l'élement auquel ils peuvent appartenir.
- Génération de Code
Depuis BeBuilder V0.5 le chemin pour la génération de code est défini par le répertoire choisi lorsque vous créez un nouveau projet.
Soyez sûr que le répertoire est vide!
- Sauvegarde et Chargement d' un projet
Depuis BeBuilder V0.5 vous pouvez sauvegarder le projet sur lequel vous travaillez.
Comment ? Choisissez simplement l'option Save dans le menu File.
Pour ouvrir un projet vous pouvez soit double-cliquez sur le projet lui-même, soit déposer le fichier directement sur la fenêtre principale de BeBuilder ou encore utiliser le menu File
Cette fonctionalité est supposée marcher mais je ne serai JAMAIS tenu pour responsable de ce qui pourrait vous arriver en utilisant cette fonctionnalité.
- Make!
Ouvrez un terminal, allez dans le repertoir de génération puis tapez make.
Votre projet est compilé et vous pouvez maintenant l'executer!
Avec le menu Tools qui est toujours experimental vous pouvez compiler et démarrer vore projet directement depuis BeBuilder V0.5.
Index