Boîte à outils de wireframe Android

Ruban

Conception > Diagramme > Boîte à outils

Raccourcis Clavier

Ctrl+Maj+3

Téléphone Android

Génère un cadre pour le visage du téléphone Android que vous modélisation . Une prompt s'affiche pour vous permettre de spécifier l'orientation portrait ou paysage.

Les contrôles enfants seront contenus dans la zone de l'écran.

Valeur Étiquetés :

• Boutons de menu - cliquez sur le bouton déroulant et sélectionnez « Afficher » ou « Masquer » la barre de boutons de menu en bas de l'écran
• Barre de notification - cliquez sur le bouton déroulant et sélectionnez « Afficher » ou « Masquer » la barre de notification en haut de l'écran

Tablette Android

Génère un cadre pour la tablette Android que vous modélisation . Une prompt s'affiche pour vous permettre de spécifier l'orientation portrait ou paysage.

Les contrôles enfants seront contenus dans la zone de l'écran.

Valeur Étiquetés :

• Boutons de menu - cliquez sur le bouton déroulant et sélectionnez « Afficher » ou « Masquer » la barre de boutons de menu en bas de l'écran
• Barre de notification - cliquez sur le bouton déroulant et sélectionnez « Afficher » ou « Masquer » la barre de notification en haut de l'écran

Espace Client

Génère un élément de cadre qui représente la zone client de l'appareil.

Valeur Étiquetés :

• Style de Bordure - cliquez sur la flèche déroulante et choisissez de rendre la bordure sous forme de ligne continue ou de ligne pointillée, ou de ne pas avoir de bordure du tout (Aucune)
• Barre de défilementH - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement horizontale en haut ou en bas de la zone client, ou de ne pas avoir de barre de défilement horizontale ( <none> )
• Barre de défilement V - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement verticale à gauche ou à droite de la zone client, ou de ne pas avoir de barre de défilement verticale ( <none> )

Vue de la liste extensible

Génère un élément qui représente une liste groupée à deux niveaux qui peut être développée pour afficher un ou les deux niveaux d'éléments.

Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » sur la page « Wireframe », qui affiche le nœud racine (le nom de l'élément de liste extensible), les éléments d'en-tête de groupe (directement sous le nom de l'élément) et les éléments de groupe (sous les en-têtes de groupe).

• Pour ajouter un nouvel élément, cliquez sur le niveau supérieur (le nom de l'élément ou les noms des titres de groupe) et sur le bouton Ajouter, et en réponse à l' prompt saisissez le nom de l'élément, ce qui ajoute le nom au bas de la section de la liste dans laquelle vous l'avez créé.
  Pour positionner l'élément sur la liste, cliquez dessus dans la liste et cliquez sur les boutons
• Pour supprimer un élément de la liste, cliquez dessus et cliquez sur le bouton Supprimer ; l'élément est immédiatement supprimé de la liste

• Nom - saisissez le nom de ce groupe d'éléments
• Développé - cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher les sous-éléments de cet élément ou Faux pour masquer les sous-éléments

• Nom - saisissez le nom du sous-élément
• Sélectionné - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance l'élément comme sélectionné ou Faux pour omettre la surbrillance

Tableau

Génère un élément Tableau avec des colonnes, des lignes et des cellules étiquetées.

Double-cliquez sur le tableau pour faire apparaître la dialogue « Propriétés » de l'élément sur la page « Wireframe », qui fournit les facilités d'édition du tableau (ajout, renommage et suppression de colonnes et de lignes, modification de la largeur des colonnes et édition du texte des cellules) via des options et des boutons du menu contextuel. Note que l'éditeur ne fournit pas une image réelle de l'apparence du tableau à l'écran.

• Tracer des lignes - cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher les lignes horizontales et verticales entre les cellules tableau , ou Faux pour masquer les lignes
• Mettre en surbrillance les en-têtes - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance l'en-tête de chaque colonne, ou Faux pour laisser les colonnes tableau d'une couleur uniforme

Onglet Hôte

Génère un élément de contrôle d'onglets sur le diagramme . Vous pouvez nommer les onglets et les marquer comme sélectionnés. Cependant, les éléments enfants ne « basculeront » pas lors du changement d'onglets (c'est-à-dire que définir un onglet différent comme sélectionné affichera toujours les mêmes éléments enfants dans l'espace des onglets).

Valeur Étiquetés :

• Onglets - cliquez sur la flèche déroulante et cliquez sur l'onglet à mettre en surbrillance comme sélectionné
  Vous pouvez nommer les onglets et en ajouter d'autres à la liste en modifiant la liste « Valeurs : » dans les notes Valeur Étiquetée

Liste simple

Génère une liste déroulante contenant une liste d'éléments sans sous-éléments.

Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » sur la page « Wireframe ».

• Pour modifier un élément en un texte différent, remplacez le texte « Élément<n> » dans le champ « Nom »
• Mettez en surbrillance l'élément comme sélectionné, dans le champ « Sélectionné », cliquez sur la flèche déroulante et sélectionnez Vrai
• Ajoutez un autre élément, cliquez sur le nom de l'élément et sur le bouton Ajouter, puis saisissez le nom de l'élément
• Supprimez un élément de la liste, cliquez dessus et cliquez sur le bouton Supprimer
• Déplacez un élément vers une position différente dans la liste, cliquez dessus et cliquez sur l'un des boutons selon le cas

Liste à 2 voies

Génère une liste déroulante comme pour une liste simple, mais chaque nom d'élément est en gras et peut avoir une description sous le nom de l'élément.

Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » sur la page « Wireframe ».

• Pour ajouter la description, cliquez sur le nom de l'article et, dans le champ « Texte », saisissez le texte de la description

Liste de contrôle

Génère une liste déroulante comme pour une liste simple, mais chaque nom d'élément est accompagné d'un contour coché à sa droite. Pour les éléments sélectionnés, le contour est rempli.

Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » sur la page « Wireframe ».

• Pour définir une coche sur sélectionnée (remplie), cliquez sur la flèche déroulante « Cochée » et cliquez sur Vrai ; pour modifier la coche sur non sélectionnée (contour), définissez le champ sur Faux

Liste à choix unique

Génère une liste déroulante comme pour une liste simple, mais chaque nom d'élément possède un contour de bouton radio à sa droite. Pour un élément sélectionné, le contour est rempli.

Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » sur la page « Wireframe ».

• Pour définir un bouton radio sur sélectionné (rempli), cliquez sur la flèche déroulante du champ « Sélectionné » et cliquez sur Vrai ; pour modifier le bouton radio sur non sélectionné (contour), définissez le champ sur Faux
  Tous les éléments peuvent être définis sur False (non sélectionnés), mais si plusieurs éléments sont définis sur True (sélectionnés), seul l'élément le plus bas de la liste s'affiche comme sélectionné

Changer

Génère un élément représentant un commutateur Android simple. Le commutateur peut avoir deux états (par exemple, activé et désactivé) et une étiquette tirée du nom de l'élément.

Valeur Étiquetés :

• States - cliquez sur la flèche déroulante et sélectionnez la position du commutateur représentée par l'élément
  Vous pouvez modifier le champ « Valeurs : » dans les Notes Valeur Étiquetée pour modifier le texte des valeurs d'état
  Vous pouvez ajouter plus de deux valeurs, mais vous ne pouvez basculer le champ « States » qu'entre les deux premières valeurs de la liste ; les autres valeurs sont ignorées si elles sont sélectionnées

Contrôle de notation

Génère un élément représentant une bande de notation par étoiles. L'élément affiche toujours cinq étoiles et le nombre d'étoiles remplies indique la note.

Valeur Étiquetés :

• Évaluation - cliquez sur la flèche déroulante et sélectionnez le nombre d'étoiles à afficher remplies (la note)

Bouton bascule

Génère un élément représentant un commutateur unicellulaire sans étiquette (le nom de l'élément n'est pas affiché).

Vous pouvez modifier l'état représenté de la même manière que pour l'élément « Switch ».

Barre de progression (grande)

Génère un élément représentant l'icône de progression circulaire d'Android.

Barre de progression (horizontale)

Génère un élément représentant la progression d'un processus, par défaut à 30 % d'avancement.

Valeur Étiquetés :

• Progression - saisissez le pourcentage d'avancement de la progression à représenter sur l'élément

Bouton

Génère un élément Button étiqueté simple, le texte de l'étiquette étant le nom de l'élément.

Bouton radio

Génère un élément de bouton radio étiqueté, le texte de l'étiquette étant le nom de l'élément.

Valeur Étiquetés :

• State - cliquez sur la flèche déroulante et sélectionnez l'état à représenter - « Sélectionné » (rempli) ou « Non sélectionné » (contour)

Case à cocher

Génère un élément de case à cocher étiqueté, le texte de l'étiquette étant le nom de l'élément.

Valeur Étiquetés :

• State - cliquez sur la flèche déroulante et sélectionnez l'état à représenter - « Coché » (icône de coche) ou « Non coché » (contour de la case)

Barre de recherche

Génère un élément représentant la progression de la lecture d'un fichier audio ou vidéo.

Valeur Étiquetés :

• Progression - saisissez le pourcentage de progression à représenter sur l'élément

Clavier

Génère un élément qui représente un clavier pour les applications Android.

Valeur Étiquetés :

• Type - bascule l'image entre un clavier texte (QWERTY) et un clavier numérique

Fileur

Génère un élément représentant la version Android d'une zone de liste déroulante.

Valeur Étiquetés :

• Développé - cliquez sur la flèche déroulante et sélectionnez Vrai pour représenter la zone de liste déroulante utilisée, affichant toutes les valeurs, ou Faux pour représenter la zone de liste déroulante avec une seule valeur sélectionnée
• Valeurs - cliquez sur la flèche déroulante et sélectionnez la valeur à représenter comme actuellement sélectionnée dans la zone de liste déroulante
  Vous pouvez modifier le texte des valeurs et en ajouter d'autres à la liste en modifiant la liste « Valeurs : » dans notes de la Valeur Étiquetée

Texte brut

Génère un élément de texte sans bordure, le texte étant le nom de l'élément.

Valeur Étiquetés :

• Aligner le texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, au centre ou à droite du cadre de l'élément
• Multiligne - cliquez sur la flèche déroulante et sélectionnez Vrai pour permettre au texte de s'enrouler sur plusieurs lignes (augmentant automatiquement la profondeur de l'élément), ou Faux pour afficher uniquement le texte qui tient sur une ligne dans la largeur de l'élément actuel

Texte multiligne

Génère un élément de texte sans bordure, mais qui peut contenir du texte sur plusieurs lignes avec un formatage HTML de base.

Valeur Étiquetés :

• Aligner le texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, au centre ou à droite du cadre de l'élément
• Texte - cliquez sur le bouton pour éditer l'écran Note Valeur Étiquetée , sur lequel vous pouvez créer le texte à représenter sur le diagramme ; cela peut utiliser étiquettes de formatage HTML telles que <b> </b> pour gras ou <u> </u> pour souligné - tous les formats HTML ne sont pas pris en charge

Image

Génère un espace réservé pour indiquer où une image sera placée sur le téléphone ou la tablette.

Vous pouvez afficher une image réelle en attribuant une image alternative à l'élément.

Lecteur vidéo

Génère un élément qui représente un contrôle de lecteur vidéo sur le téléphone ou la tablette.

Lecteur audio

Génère un élément qui représente un contrôle de lecteur audio sur le téléphone ou la tablette.

Calendrier

Génère un élément représentant un calendrier (l'image par défaut), affichant le mois, le jour et l'année en cours en fonction de la date du système.

Valeur Étiquetés :

• Format de date - cliquez sur la flèche déroulante et sélectionnez le format de date à afficher si les spinners sont affichés :
  - j/m/a
  - l/j/a
  - a/m/j (impossible si le calendrier est également affiché)

• ShowCalendar - la valeur par défaut est True pour afficher le calendrier ; si les spinners sont également affichés, le calendrier forcera l'affichage du spinner à afficher l'année à l'extrémité droite et remplacera le spinner de l'année
  Si défini sur False, les spinners du jour, du mois et de l'année s'affichent quelle que soit la valeur « ShowSpinners »
• Les Spinners de Show
  - Si défini sur True AND « ShowCalendar » est True, affiche le spinner
  contrôles pour le jour et le mois (le calendrier agit comme une année
  marqueur)
  - Si défini sur False AND « ShowCalendar » est True, aucun spinner n'est
  montré avec le calendrier
  - Si « ShowCalendar » est défini sur False, le jour, le mois et l'année
  les spinners sont automatiquement affichés dans le format défini dans
  'DateFormat', affichant la date du système

Sélecteur de date

Génère un élément qui représente un ensemble de spinners affichant la date du jour, dérivée de la date du système.

Valeur Étiquetés :

• Date - cliquez sur la flèche déroulante et sélectionnez une date différente dans le calendrier ; si la date actuelle n'est pas celle d'aujourd'hui, vous pouvez la réinitialiser à la date d'aujourd'hui en cliquant sur le bouton Aujourd'hui ou en effaçant simplement le champ valeur « Date »
• DateFormat - comme pour l'élément Calendrier
• ShowCalendar - la valeur par défaut est False pour masquer le calendrier ; sinon, comme pour l'élément Calendar
• ShowSpinners - comme pour l'élément Calendrier

Sélecteur de temps

Génère un élément qui représente une paire de spinners indiquant l'heure actuelle, en heures et minutes, dérivée de l'horloge système.

Valeur Étiquetés :

• Vue 24 heures - cliquez sur la flèche déroulante et définissez sur Vrai pour afficher l'heure au format 24 heures, ou sur Faux pour afficher l'heure au format 12 heures avec AM ou PM à droite de l'heure
• Heure - remplacez les heures, les minutes et le paramètre AM/PM pour afficher une heure autre que l'heure système (vous ne pouvez régler l'heure qu'au format 12 heures) ; pour revenir à l'heure système, remplacez le champ par « 12:00 AM »

Horloge

Génère un élément qui représente un cadran d'horloge analogique avec des aiguilles pour les heures et les minutes et sans chiffres, affichant l'heure système. Vous pouvez modifier le rendu en un affichage numérique.

Valeur Étiquetés :

• Vue 24 heures sur 24 - si vous définissez le « Type » sur « Numérique », cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher l'heure au format 24 heures ou Faux pour afficher l'heure au format 12 heures avec AM ou PM à droite, selon le cas
• Heure - remplacez les heures, les minutes et le paramètre AM/PM pour afficher une heure autre que l'heure système (vous ne pouvez régler l'heure qu'au format 12 heures) ; pour revenir à l'heure système, remplacez le champ par 12:00 AM
• Type - cliquez sur la flèche déroulante et sélectionnez « Numérique » pour afficher l'heure sous forme d'affichage numérique ou « Analogique » pour afficher l'heure sous forme de cadran d'horloge

Téléphone Android / Tablette Android

Ces Motifs créent des exemples de modèles des deux configurations de produits Android. Vous pouvez les utiliser comme exemples de conception des éléments, comme composants de base d'un modèle plus vaste ou comme point de départ pour développer un modèle plus détaillé d'un ou plusieurs produits.