Editeur de liens
L'Editeur de liens affiche la disposition des composants d'une applet. Sélectionnez Mode prévisualisation dans le menu déroulant Vue pour afficher uniquement les composants visibles et réduire le canevas de l'applet à la taille minimale requise pour refléter au mieux l'aspect réel de l'applet lorsqu'elle sera exécutée.
Sélection des composants
Trois méthodes permettent de sélectionner des composants. La première consiste simplement à sélectionner un composant en cliquant dessus. Le composant affiche un cadre de sélection en continu. Si le composant que vous avez sélectionné peut être redimensionné, des poignées de redimensionnement s'affichent.
La deuxième méthode est la sélection multiple. Pour sélectionner plusieurs composants, cliquez sur un composant, maintenez la touche Maj enfoncée et sélectionnez un autre composant. Le premier composant que vous avez sélectionné sert de référence et présente des poignées de sélection noires. Les autres composants présentent des poignées de sélection transparentes. Si les composants sélectionnés ne peuvent pas être redimensionnés, un cadre de sélection bleu foncé s'affiche pour le composant de référence et des cadres de sélection bleu clair s'affichent pour les autres composants sélectionnés.
Vous pouvez également utiliser la liste déroulante Composant sélectionné de la barre d'outils principale pour sélectionner un composant. Cette fonction est particulièrement pratique si vous recherchez un composant en fonction de son nom, ou si le composant que vous souhaitez sélectionner est masqué à l'affichage.
Positionnement des composants
Comme les applets sont visualisées à partir de différents navigateurs et modes d'affichage, BeanMachine permet de régler la disposition des composants sur le canevas de l'applet en utilisant des styles de présentation de type position, bordure ou flux. Pour définir une disposition, paramétrez la propriété disposition du canevas de l'applet.
La disposition spatiale permet de conserver la position x et y des composants définis en mode WYSIWYG. Les bordures permettent d'organiser les composants par rapport aux points cardinaux : nord, sud, est, ouest et/ou centre. La disposition de type flux permet d'organiser les composants de gauche à droite et de haut en bas. Lorsque vous définissez la propriété disposition du canevas de l'applet sur Bordure ou Flux, la zone de présentation affiche des repères qui permettent d'indiquer l'emplacement où vous pouvez insérer les nouveaux composants.
La disposition Bordure est particulièrement pratique lorsque vous créez une applet dont vous souhaitez diviser le canevas en deux sections distinctes. A titre d'exemple, vous pouvez utiliser les positions nord et sud pour définir respectivement un en-tête et un pied de page.
L'option Flux permet d'aligner verticalement ou horizontalement tous les composants de votre applet, par exemple, pour créer une barre de navigation pour une page Web à partir d'un ensemble de boutons dynamique similaires. La disposition Flux permet, indépendamment de la taille de la fenêtre du navigateur, de ne pas tronquer votre applet à l'extrémité de la fenêtre, car les composants sont automatiquement aligner pour remplir l'espace nécessaire.
Pour vous familiariser avec les différents styles de présentation de BeanMachine, essayez chacun d'eux pour définir celui qui est le mieux adapté à votre applet.
Vous pouvez également utiliser les règles de l'Editeur de liens pour positionner les composants les uns par rapport aux autres. Les grands repères représentent des unités de 50 pixels et les petits repères représentent des unités de 10 pixels.
Pour un positionnement précis, sélectionnez le composant à déplacer et utilisez les touches de déplacement du clavier pour décaler vos composants par incrément d'1 pixel.
Dimensionnement des composants
Deux méthodes permettent de dimensionner la taille de votre composant multimédia dans l'Editeur de liens. Vous pouvez définir la taille de votre composant multimédia manuellement ou automatiquement. Lorsqu'un composant visuel est d'abord inséré dans l'Editeur de liens, sa taille définie par défaut est utilisée. Par exemple, si vous cliquez une fois pour insérer une image dans le canevas de l'applet, BeanMachine affiche un petit cadre carré de 50 pixels de côté. Lorsque l'image est ensuite chargée dans le composant, la taille du composant est ajustée automatiquement par rapport à la taille du média chargé. Si la taille de votre image est de 100 x 100 pixels, le composant graphique est ajusté à 100 x 100 pixels. Ce réglage automatique de la taille s'appelle "Taille par défaut". Pour définir à tout moment une taille par défaut d'un composant, sélectionnez le composant puis cliquez sur Taille par défaut dans le menu déroulant Disposition ou cliquez sur le bouton Préféré de la boîte de dialogue des propriétés taille et position sur l'onglet Propriétés.
Vous pouvez également définir manuellement la taille du média en insérant le composant et en modifiant sa hauteur et sa largeur dans la boîte de dialogue des propriétés taille et position sur l'onglet Propriétés de la fenêtre Détails. Vous pouvez également insérer le composant dans le canevas de l'applet, puis redimensionner manuellement le composant en maintenant enfoncé le bouton de la souris.
Edition directe des composants
Avec BeanMachine, vous pouvez modifier directement le texte des composants sur le canevas de l'applet. A titre d'exemple, lorsqu'un bouton est sélectionné, cliquez à nouveau sur celui-ci, un curseur de texte alors s'affiche qui vous permet de modifier l'intitulé ou le message. Avec ce type d'opération, le bouton droit de la souris permet d'afficher un menu contextuel contenant les fonctions d'édition du Presse-papiers (couper, copier, coller, etc.).