|
|
|
|
|
Développez sur mobile - Page 3 |
|
Page 3 sur 8
Les composants
La classe Form permet de construire les écrans de l’application. Grâce au plug-in Carbide.j, un « Designer » de formulaire (Voir figure 3) permet de créer visuellement les écrans en déposant (depuis la palette) les composants sur le formulaire. Un inspecteur d’objet permet d’éditer les valeurs des propriétés. Figure 3 Voici les objets proposé dans la palette de composant : Composants
| Fonctionnalité | ChoiceGroup
| Sélectionner un ou plusieurs éléments de son choix.
| DateField
| Calendrier pour aider à la sélection de la date. Sélectionner une date. En fonction de l'interface utilisateur, peut proposer un | Gauge
| Gauge de progression. | ImageItem
| Insérer une image dans le formulaire. | StringItem
| Afficher du texte, des boutons, des liens hypertexte… | TextField
| Saisie de chaine de caractères, de nombres, décimaux etc… | Ticker
| Texte défilant. | Command
| Représente une opération utilisable depuis l'interface utilisateur. | Tableau 3 Le composant Command a pour particularité de proposer à l'utilisateur d'interagir avec l'application. Pour que la commande soit utilisable, le formulaire doit implémenter l'interface CommandListener. On retrouve typiquement la programmation événementielle… // Implémentation de l'interface CommandListener :
public void commandAction(Command aCommand, Displayable aDisplayable)
{
if ( aCommand == commandOk ) ActionOk();
if ( aCommand == commandSauver ) ActionSauver();
// etc.
}
// Au préalable il faudra enregistrer ces commandes à l'initialisation de la form grace à ces instructions :
this.addCommand(commandOk);
this.addCommand(commandSauver);
// Cette instruction défini l'interface comment listener d'événement
this.setCommandListener(this);  Figure 3 bis Le graphisme
Des APIs de plus bas niveau sont aussi disponibles : la classe Canvas est à la base de tout nouveau graphisme à implémenter. Elle permet de représenter des données sous formes de diagrammes ou de créer des animations, voire même des jeux.
La méthode centrale de la classe Canvas à implémenter est la méthode paint(Graphics g). L’objet graphique passé en argument à cette méthode permet les opérations graphiques, comme le tracé de lignes, de cercles, l’affichage de texte, le remplissage par une couleur, etc. La classe Image complète ces APIs de bas niveau pour l’affichage. L’image devra être dans un format reconnu par le mobile. Le standard MIDP reconnaît en standard le format PNG.
|
|
|
|
