Home

LiveCode

Chapitre 1 : Vue générale

Une première vue de l'environnement


Pour commencer :

  1. Lancez LiveCode
  2. Créez une première pile par le menu File/New Stack/Default Size
  3. Ouvrez la palette des outils par le menu Tools/Tool Palette

Vous allez avoir cette palette d'outils en permanence ouverte pendant tout le développement. Elle contient :



À gauche la version V8, à droite la version V7 qui n'a pas de widgets.

    
Tools-Palette-V8 Tools-Palette-V7

Pour un usage simple, avec le bouton roue dentée (en haut à droite), vous pouvez conserver que les sections boutons et champs.


Notez bien les deux flèches, la première, à gauche, pour passer en mode exécution, la deuxième, à droite, avec le signe + pour passer en mode édition pour créer votre pile.


../icones/Palette

Sélectionnez la flèche avec le signe "+" iconeDevelopment appelée "Pointer Tool" dans les menus V8 pour passer en mode édition.

Sélectionnez le premier bouton iconeBouton qui est à bord rond et par glisser-déposer placez-le sur la pile.

Les pointillés et les petits ronds noirs indiquent que votre bouton est sélectionné. Tirez sur les boutons noirs pour changer la taille de votre bouton.


LC-134

Faites un CTRL+click sur le bouton,


LC-135

et choisissez Property Inspector pour voir les caractéristiques de votre bouton.


LC-002

A la place de "button" écrivez "monBouton" et cliquez n'importe où dans la partie grise pour valider ou touche entrée.

Jouez avec les cases à cocher "Opaque", "Show Name", "Show Border" pour voir les changements. Ne touchez pas les autres cases à cocher.


Tooltip

Écrivez un texte dans "Tooltip", puis quittez le mode édition pour le mode visualisation en cliquant sur la flèche de gauche de la palette LC-146modeVisu ou Menu "Tools" sous-menu "Browser Tool".


Maintenant, placez la souris sur votre bouton sans cliquer et attendez deux secondes votre message va apparaître.

Cette option Tooltip existe pour tous les objets et accepte un texte avec plusieurs lignes.



Message box - Un exercice sur l'option visible

Qui va me permettre de vous introduire le concept de "message box" que vous utiliserez très fréquemment dans vos travaux.

Pour cela, si vous ne l'avez pas déjà fait, par un clic malheureux en dehors du bouton, faites-le maintenant. La fenêtre des propriétés quittera les propriétés du bouton et affichera les propriétés de la pile et l'entourage du bouton, qui indiquait qu'il était sélectionné, disparaîtra.

Revenez aux propriétés du bouton, et cliquez sur la case à cocher "visible", le bouton disparaît.

Maintenant si vous cliquez en dehors du bouton, c'est les propriétés de la pile qui sont affichées et plus aucuns moyen de revoir votre bouton.

Une solution, c'est de taper dans la fenêtre des messages.

show button "monBouton"


Vous appelez la fenêtre des messages par le menu Tools" sous-menu "Message Box" ou le raccourci clavier Cd+M.

LC-139

En pratique on garde la message box en permanence ouverte.


Par exemple pour alterner show button "monBouton"
                     puis hide button "monBouton"



Un script pour mon bouton

Faites un CTRL+click sur le bouton,et cette fois-ci choisissait Edit Script.


LC-140

Une grande fenêtre s'ouvre. (Je l'ai réduite pour la capture).


LC-142


Taper ces trois lignes de code.


LC-144

Notez le bouton jaune qui indique que votre script n'est pas encore validé et compilé.

Pour ce faire, cliquez sur le bouton "Apply".

Le bouton passe au vert, s'il n'y a pas d'erreur, si il y a erreur voir en bas de la fenêtre dans l'onglet "Errors" de quoi il retourne.



Il y a deux méthodes pour exécuter votre script.




Outil de mise au point

Cliquez sur le numéro 2, un point rouge va apparaître.


LC-148

Cliquez sur le triangle vert pour exécuter.

L'exécution va s'arrêter à la ligne 2.


LC-150

En haut à gauche les petits boutons sont nouveaux.

Passez votre souris doucement sur eux pour visualiser le ToolTip qui va vous indiquer leur utilisation. (LiveCode ayant été programmé lui-même en LiveCode les ToolTip sont donc disponibles).

Pour continuer l'exécution pas à pas c'est celui-là. LC-152

Pour stopper l'exécution c'est le carré en bleu.



Le dictionnaire

La compilation donne une erreur sur une de votre commande. Sélectionnez là et par un ctrl+click dessus ou un click droit de la souris fait apparaître cette fenêtre.



LC-154

Choisissez l'option "Find in Docs" qui va appeler le dictionnaire à la page qui décrit votre commande.


LC-156



Pour une première leçon, je pense que c'est suffisant, et je vous propose de jouer avec les boutons et les options et les fenêtres et le dictionnaire pendant quelque temps avant de passer à la suite.




La suite chapitre 2 : Un bouton contrôlant un champ




Merci
SignatureZapfino




Page précédente

Page suivante



Merci de votre visite


UP