Nous allons créer un programme plus évolué en utilisant le Designer d’écran et quelques composants visuels essentiels
Créez un nouveau projet et enregistrez le comme précédemment.
Lancez le Designer via le menu du logiciel (Designer) pour obtenir cet écran :
Connectez le Designer à l’émulateur en effectuant un double clic sur l’image indiquée ci-dessous :
Vous obtenez ceci :
Vous allez maintenant ajouter un label, un EditText et un Button à partir du menu Add View.
Renseigner la propriété Text du Label en saisissant : ‘Saisir un nombre : ‘
Renseigner la propriété Name du EditText en saisissant : ‘Mavaleur’
Renseigner la propriété Name du Button en saisissant : ‘Lebouton’
Renseigner la propriété Text du Button en saisissant : ‘Résultat’
Placez et adaptez les composants directement sur l’émulateur pour obtenir la présentation suivante :
Vous allez devoir générer les procédures événementielles qui vous serviront à placer le code dans l’événement Click du bouton. Pour cela, exécuter la commande Tools/Generate Members du Designer :
(en l’occurrence, une seule procédure nous sera utile, le Click du bouton)
Activez l’événement Click du bouton précédemment nommé Lebouton, puis cliquez sur ‘Generate Members’. Cliquez ensuite sur Close.
Enregistrer le Layout (menu File/Save) ainsi :
Dans l’éditeur de code, placer ce qui suit dans la procédure Activity_Create :
Compilez et lancez votre programme pour constater son bon fonctionnement (cette étape n’est pas nécessaire, mais ça fait plaisir d’avoir une première récompense!).
Ensuite, arrêtez le programme et ajouter le code commenté ci-dessous :
Puis à compiler, lancer le programme et jouer, bonne chance !
Parce que vous m’êtes sympathiques, voici le fichier devinette cet exemple. Il vous suffit de le dé zipper dans le dossier de votre choix et d’ouvrir le fichier d’extension b4a.