Interrupteur

www.altova.com Agrandir/Réduire tout Imprimer cette rubrique Page précédente Un niveau supérieur Page suivante

Accueil >  Commandes et événements de commande > Commandes >

Interrupteur

Un interrupteur est associé avec un nœud de source de page. L'utilisateur peut choisir entre deux états : sélectionné ou non-sélectionné. Selon l'état choisi, une valeur XML correspondante est saisie en tant que contenu du nœud associé. Les valeurs correspondent Les valeurs correspondant aux états respectifs (sélectionné ou non-sélectionné) sont définis dans la propriété Valeurs cochées (vrai/faux) (Voir description de la propriété ci-dessous). Une utilisation typique consisterait tout d'abord à : laisser la sélection interrupteur de l'utilisateur final déterminer le contenu d'un nœud, ensuite, laisser le contenu de ce nœud déterminer une action de page comme si une commande est activée/éditable.

 

Cliquer pour agrandir/réduireNotes
Lorsque la commande est associée à un nœud de source de données (lien de source de page), placer la souris au-dessus de la commande (dans Affichage Design de la page) pour afficher le nœud associé dans une fenêtre popup.
Tous les liens de source de page dans l'arborescence de source de page sont affichés dans une police d'écriture en gras. Les nœuds d'arborescence qui ne sont pas des liens de source de page sont affichés dans une police normale
Placer la souris au-dessus du lien de source de page dans l'arborescence de design pour afficher des informations concernant la commande associée.
Pour supprimer une association de nœud de source de données (et donc les données dans la commande), cliquer sur la commande avec le bouton de droite (dans Affichage Design de la page) et cliquer sur Supprimer le lien de la source de page.
Pour réinitialiser un style ou une propriété (dans le Volet Styles & Propriétés), sélectionner la propriété et cliquer sur Réinitialiser dans la barre outils du volet.
Les valeurs de plusieurs propriétés peuvent être définies en utilisant des expressions XPath. Cela permet aux valeurs d'être dynamiques : donc générées par le biais de calculs ou prélevées dans les nœuds de source de données lors de l'exécution. Pour définir une expression XPath, cliquer sur Éditer XPath dans la barre d'outils du volet Styles & Propriétés.
Pour éditer l'expression XPath d'un style ou d'une propriété (dans le Volet Styles & Propriétés), sélectionner le style ou la propriété et cliquer sur Éditer XPath dans la barre outils du volet.
Pour copier une commande dans un autre emplacement dans le design, appuyer sur Ctrl et glisser/déposer la commande dans l'emplacement de copie désiré.
Afin d'attribuer des propriétés spécifiques à une commande, définir une ou plusieurs classes pour cette commande (au moyen de la propriété de navigateur Classe CSS), puis attribuer des règles pour la/les classe/s dans un fichier CSS externe (que vous spécifierez dans le dialogue de Paramètres du navigateur).
Les propriétés CSS d'une commande peuvent être définies dans le Volet Styles & Propriétés et/ou dans un fichier CSS externe. Celles définies dans le Volet Styles & Propriétés ont priorité.

 

Événements d'Interrupteur

L'événement ÉditionÀLaFin est disponible. Pour voir une description des actions pouvant être définies pour les événements d'édition de champ, voir la section Actions.

 

Propriétés de l'interrupteur

Les propriétés de la commande sont disponibles dans le Volet Styles & Propriétés, et sont classées ci-dessous dans leur ordre d'apparence.

 

Cliquer pour agrandir/réduireNom

Le nom est utilisé pour référencer la commande depuis un autre endroit de la page ou du projet. Double-cliquer dans le champ de valeur pour l'éditer.

 

Cliquer pour agrandir/réduireMultiligne

Règle la saisie/affichage multiligne sur marche ou arrêt (vrai/faux). Le réglage par défaut est faux.

 

Note

Si cette propriété est définie sur true, et si la propriété Auto-ajustement de la taille du texte est activée, le texte ne sera pas réparti sur plusieurs lignes ; néanmoins, des caractères de saut de ligne créeront de nouvelles lignes.
Si cette propriété est définie sur true dans une commande de libellé, la propriété Nombre de lignes maximum devient disponible.

 

Cliquer pour agrandir/réduireValeurs cochées (vrai/faux)

Fournit une valeur de données XML pour l'état sélectionné/désélectionné de la commande. Cliquer sur le bouton Dialogue supplémentaire pour afficher le dialogue Éditer les valeurs cochées (capture d'écran ci-dessous). Saisir une valeur pour l'état coché (sélectionné) et décoché (désélectionné). La valeur correspondant à l'état de la commande (sélectionné/désélectionné) choisie par l'utilisateur final sera saisie en tant que donnée dans le nœud XML associée avec la commande. Afin de préciser quel nœud recevra la valeur, créer un lien de source de page depuis la case à cocher vers un nœud de source de données XML (en glissant le nœud sur la case à cocher).

MTDlgEditCheckedValuesAlt       MTDlgEditCheckedValues

Veuillez noter les points suivants :

 

Pour spécifier quel nœud recevra la valeur, établir un lien de source de page depuis la commande vers un nœud de source de page (en glissant le nœud dans la commande).
Si vous saisissez plus d'une valeur pour la valeur Cochée, la première valeur sera utilisée ; les autres sont ignorées.
Si vous saisissez une valeur Cochée mais que vous ne saisissez pas de valeur Décochée, la valeur Décochée ne sera plus la valeur par défaut mais un string vide.
Vous pouvez saisir des valeurs pour la propriété Valeurs cochées (vrai/faux) dans une feuille de style pour : (i) toutes les cases cochées, et/ou (ii) tous les commutateurs, et/ou (iii) toutes les commandes qui utilisent Valeurs cochées (vrai/faux) (qui sont des cases à cocher et des commutateurs).
Si des valeurs pour Valeurs cochées (vrai/faux) sont définies dans une feuille de style, et que par conséquence, des valeurs sont attribuées pour cette propriété sur plusieurs endroits, c'est la définition la plus locale qui le remporte. La définition la plus locale est le style défini directement dans la propriété de la commande. Pour les priorités impliquant une feuille de style, voir Priorité dans le cadre d'une feuille de style et Priorité sur plusieurs feuilles de style.

 

Cliquer pour agrandir/réduireObtenir la valeur depuis le XPath

La valeur retournée par l'expression XPath est affichée dans la commande. Cela permet de mettre en place des méthodes alternatives de saisie des valeurs d'affichage pour certaines commandes. Par exemple, une liste de choix pourrait prélever sa valeur d'affichage soit depuis un nœud de source soit depuis la valeur de retour de la propriété Obtenir la valeur depuis XPath.

 

Note :  la variable $MTControlValue n'est pas disponible pour la génération de la valeur de la propriété de Obtenir la valeur depuis XPath. En cas d'utilisation, une erreur de validation en résultera.

Cliquer pour agrandir/réduireValeur correction automatique

La commande possède deux états : coché et non-coché, chacun d'entre eux est associé à au moins une valeur XML. Ces valeurs XML sont définies dans la propriété Valeurs cochées. La commande est aussi associée à un nœud de source de page. Si la valeur dans le nœud de source de page est différent de la valeur XML définie pour le statut actuel de la commande (cochée ou non-cochée), l'auto-correction met à jour la valeur dans le nœud à la valeur qui a été définie pour le statut actuel.

 

Le nœud de source de page peut finir par contenir une valeur invalide s'il est mis à jour par le biais de certains mécanismes autres que la commande ; par exemple, par le biais d'une action Mettre à jour un nœud. La propriété Auto Correct Value assure qu'aucune valeur non définie n'est acceptée. L'auto-correction a lieu immédiatement, dès que la valeur non définie est détectée, par exemple, lorsque la solution est ouverte ou lorsque la valeur incorrecte est saisie.

 

Par exemple, si la valeur non cochée est définie pour être 1 et que la valeur non cochée est 0, et si le contenu du nœud est "somestring", alors, (i) si la commande est cochée, le contenu du nœud sera corrigé à 1, (ii) si la commande n'est pas cochée, le contenu du nœud sera corrigé à 0. Si plus d'une valeur XML a été attribuée à l'état coché, la première valeur XML est utilisée pour la correction.

 

La propriété Auto Correct Value a deux valeurs possibles : true ou false. Si la propriété est définie sur true, les valeurs XML sont automatiquement corrigées . La valeur par défaut de la propriété est false.

 

Cliquer pour agrandir/réduireActiver le texte

Définit le texte qui apparaît dans la commande lorsque celle-ci est allumée. Double-cliquer dans le champ de valeur pour l'éditer.

 

Cliquer pour agrandir/réduireDésactiver le texte

Définit le texte qui apparaît dans la commande lorsque celle-ci est éteinte. Double-cliquer dans le champ de valeur pour l'éditer.

 

Cliquer pour agrandir/réduireAction de commande

Cliquer sur le bouton Dialogue supplémentaire pour afficher le dialogue d'actions de la commande. Vous pouvez définir l'exécution d'actions lors du déclenchement d'un événement de commande. Un ou plusieurs événements de commande sont prédéfinis et chacun est affiché dans un onglet propre dans le volet de droite du dialogue d'actions. Une bibliothèque d'actions est affichée dans le volet de gauche. Vous pouvez glisser une action depuis le volet de gauche dans un onglet d'événement puis définir les propriétés de l'action. Plusieurs actions peuvent être définies pour chaque événement. Elles seront exécutées dans l'ordre de leur occurrence, de haut en bas.

 

Une fois les actions de commande définies, vous pouvez y accéder et les éditer à tout moment en cliquant sur le bouton Dialogue supplémentaire de la propriété. En alternative, vous pouvez accéder à un événement de commande en cliquant dessus avec la touche de droite et en sélectionnant l'événement de la commande dans le menu contextuel qui apparaît.

 

Cliquer pour agrandir/réduireVisible

Une expression XPath qui doit évaluer à vrai() ou faux(). Si l'expression évalue à faux()(et seulement dans ce cas) la commande ne sera pas visible. Si l'expression évalue à vrai() ou retourne d'autres valeurs, la commande sera visible. Le réglage par défaut est vrai(). Double-cliquer dans le champ de valeur ou cliquer sur le bouton XPath pour saisir ou éditer une expression XPath. La propriété Visible peut être utilisée pour rendre un objet visible ou pas selon le fait qu'une expression XPath évalue à vrai()ou pas. En résultat, l'affichage d'un objet peut être forcé à être dynamiquement dépendant du contexte ou de la structure des données.

 

Note :  Pour plus d'informations concernant la visibilité des colonnes/lignes couvertes, voir les Propriétés de table.

 

Note :  La variable $MTControlValue n'est pas disponible pour l'évaluation de la propriété Visible. En cas d'utilisation, une erreur de validation en résultera

 

Cliquer pour agrandir/réduireActivée/Éditable

La commande est soit activée soit désactivée, selon que la valeur de la propriété est vrai (activée) ou faux (désactivée). La valeur peut être saisie directement (en la sélectionnant dans la liste de choix ou en double-cliquant dans le champ de valeur et en saisissant la valeur que vous souhaitez). La valeur peut aussi être une expression XPath qui évalue à vrai ou faux (booléenne). La valeur par défaut est vrai. Généralement, l'expression XPath de la propriété Enabled/Editable d'une commande contrôle la présence ou la valeur d'un nœud. Si l'expression évalue à vrai, la commande sera activée.

 

Cliquer pour agrandir/réduireCouleur du texte

Définit la couleur du texte de commande lorsque la commande est activée. Les options suivantes de sélection de la couleur se présentent à vous :

 

Cliquer dans la palette de couleurs pour sélectionner une couleur de texte
Sélectionner une couleur depuis la liste déroulante de la liste de choix
Double-cliquer dans le champ de valeur pour saisir un code de couleur (par exemple, #FF0000), ou cliquer sur le bouton XPath de la barre d'outils et saisir une expression XPath pour générer le texte nécessaire

 

Note :   Une commande peut être activée/désactivée selon le contexte. Par exemple, si l'utilisateur, dans un formulaire concernant les détails personnels, confirme la détention d'une assurance-vie, alors les champs concernant les détails de la police de l'assurance-vie pourront être activés ; dans le cas contraire, ces champs pourront être désactivés. Pour activer/désactiver un champ, utiliser la propriété pertinente Activé/Éditable de la commande. Pour définir une couleur de texte lorsque la commande est désactivée, utiliser la propriété Couleur de texte(Désactivé).

 

Cliquer pour agrandir/réduireCouleur du texte (Désactivé)

Définit la couleur du texte de la commande lorsque celle-ci est désactivée. Pour sélectionner la couleur, choisir une des options suivantes :

 

Cliquer sur la palette de couleurs pour choisir une couleur de texte
Choisir une couleur à partir de la liste déroulante dans la liste de choix
Double-cliquer dans le champ de valeur pour saisir un code de couleur (par exemple, #FF0000), ou cliquer sur le bouton de la barre outils XPath et saisir une expression XPath pour générer le texte requis.

 

Note :   Une commande peut être activée/désactivée selon le contexte. Par exemple, si l'utilisateur, dans un formulaire concernant les détails personnels, confirme la détention d'une assurance-vie, alors les champs concernant les détails de la police de l'assurance-vie pourront être activés ; dans le cas contraire, ces champs pourront être désactivés. Pour activer/désactiver un champ, utiliser la propriété pertinente Activé/Éditable de la commande. Pour définir une couleur de texte lorsque la commande est désactivée, utiliser la propriété Couleur de texte.

 

Cliquer pour agrandir/réduireTaille du texte

Sélectionner une taille depuis la liste déroulante de la liste de choix. Les valeurs autorisées sont : smallest|small|medium|large|largest. Chaque plate-forme/appareil a sa propre hauteur de pixel pour chaque size-in-words. Donc le texte par défaut en pixels est la hauteur de pixel spécifique au client qui correspond à la valeur medium.

 

Vous pouvez générer d'autres valeurs en utilisant la fonction mt-font-height. Par exemple, pour obtenir une taille 120% plus grande que la taille numérique qui correspond à 'largest' sur un appareil, utiliser l'expression XPath suivante pour la valeur TextSize : mt-font-height('largest', 'px') * 1.2. La fonction génère la valeur numérique (pixel) qui correspond à la taille 'largest'. Cette valeur est ensuite multipliée par 1.2 pour obtenir la valeur numérique qui est 120% de la valeur qui correspond à 'largest'.

 

Click to expand/collapsePoints vs pixels sur les appareils iOS

Si vous saisissez des valeurs de pixels pour des propriétés qui définissent les longueurs, lors du rendu pour les appareils iOS, ces valeurs seront lues comme des points dans le système de coordonnées du viewport. Le système de coordonnées du viewport est le canevas sur lequel sont dessinés les composants de design, et un point est l'unité de longueur utilisé dans ce système. Ici, un point n'est pas l'unité typographique égale à 1/72ème d'un pouce. L'appareil iOS mappe automatiquement les points du système de coordonnées du viewport vers les pixels dans le système de coordonnées de l'appareil. En mappant les valeurs de cette manière, (des valeurs du viewport vers les valeurs de l'appareil), les composants de design conservent le même rapport de taille aussi bien par rapport au canevas qu'entre eux, quelle que soit la résolution de l'appareil iOS ou de l'unité utilisée.

 

Dans MobileTogether Designer, vous pouvez utiliser les variables dynamiques $MT_CanvasX et $MT_CanvasY pour connaître les dimensions actuelles du viewport (canevas) et obtenir des longueurs relatives à ces dimensions. (En ce qui concerne les appareils iOS, les valeurs retournées par ces variables sont calculées comme suit : les dimensions de pixel du système de coordonnées de l'appareil actuelles sont converties (en utilisant un facteur de conversion approprié) vers des valeurs de points dans le système de coordonnées du viewport. Ces valeurs de point, comme des nombres, sont retournées par les variables en tant que pixels pour être utilisés dans le design. Par exemple, si vous souhaitez qu'une image ne présente que la moitié de la largeur du viewport, il faudra lui donner une largeur en pixels égale à $MT_CanvasX * 0.5, l'expression XPath pour cette largeur de l'image serait concat ($MT_CanvasX 0.5, 'px')

Cliquer pour agrandir/réduireAuto ajustement Taille du texte

Définit si la taille du texte doit être réduite automatiquement ou pas pour s'adapter à la largeur de la commande. Les valeurs de la propriété sont :

 

Off (le texte n'est pas redimensionné automatiquement ; il s'agit de la fonction par défaut)
Ellipsis (ajoute une ellipse à la fin du texte visible de la commande lorsque ce texte est trop long pour être affiché entièrement)
Individually (seul le texte de cette commande sera redimensionné automatiquement)
Group X (où X=1 à 9). Vous pouvez définir qu'une commande appartienne à une de neuf groupes Auto-Ajustement (où chaque groupe est identifié par un nombre de 1 à 9). La taille du texte de toutes les commandes dans un groupe seront automatiquement redimensionnées à la taille de la commande possédant la plus petite taille d'auto ajustement de ce groupe. Cela garantit qu'un groupe de commandes présentera une taille uniforme et raisonnable, vous évitant de chercher péniblement la taille optimale pour un groupe de commande.

 

Dans le mode Design, la taille du texte sera réduite à une taille minimum qui fait 50% de la taille de la police, même si la taille de l'ajustement automatique est plus petite. Néanmoins, lors de la marche, la taille réelle de l'auto-ajustement sera affichée.

 

Note

Si la propriété Multiline a été définie sur true, alors : (i) si auto-ajustement est désactivé, le texte sera réparti sur plusieurs lignes ; (ii) si auto-ajustement est activé, le texte s'ajustera automatiquement et ne sera pas coupé, néanmoins, la présence de caractères de saut de ligne dans le texte créera de nouvelles lignes.
Cette propriété ne peut pas être activée si la propriété de libellé Nombre de lignes maximum a été défini. Vous devez choisir soit de définir un nombre de lignes maximum soit d'ajuster automatiquement la taille du texte.
L'Ajustement automatique de la taille du texte n'est pas disponible sur les clients web.

 

 

Cliquer pour agrandir/réduireTexte gras

Sélectionner vrai ou faux depuis la liste déroulante de la liste de choix. Vous pouvez aussi utiliser une expression XPath. Le réglage par défaut est faux.

 

Cliquer pour agrandir/réduireTexte italique

Sélectionner vrai ou faux depuis la liste déroulante de la liste de choix. La valeur peut aussi être générée automatiquement avec une expression XPath. Le réglage par défaut est faux.

 

Cliquer pour agrandir/réduireTexte souligné

Sélectionner vrai ou faux depuis la liste déroulante de la liste de choix. La valeur peut aussi être générée automatiquement avec une expression XPath. Le réglage par défaut est faux.

 

Cliquer pour agrandir/réduireCouleur arrière-plan

Définit la couleur d'arrière-plan de l'objet lorsque l'objet est activé. Les options suivantes de sélection de la couleur se présentent à vous :

 

Cliquer dans la palette de couleurs pour sélectionner une couleur de texte
Sélectionner une couleur depuis la liste déroulante de la liste de choix ; pour choisir la couleur d'arrière-plan de la commande, choisir la Couleur d'arrière-plan de la commande de l'item dans la liste de choix.
Double-cliquer dans le champ de valeur pour saisir un code de couleur (par exemple, #FF0000), ou cliquer sur le bouton XPath de la barre d'outils et saisir une expression XPath pour générer le texte nécessaire. Pour prendre la couleur d'arrière-plan de la commande, saisir l'expression XPath : "control".

 

Note :   Vous pouvez définir la couleur d'arrière-plan de la cellule afin qu'elle soit identique avec la couleur d'arrière-plan de la commande dans la cellule, soit en : (i) choisissant la couleur d'arrière-plan de la commande dans la liste de choix de la propriété, ou (ii) en saisissant l'expression XPath "control" dans le champ de valeur de la propriété.

 

Note :   Une commande peut être activée/désactivée selon le contexte. Par exemple, si l'utilisateur, dans un formulaire concernant les détails personnels, confirme la détention d'une assurance-vie, alors les champs concernant les détails de la police de l'assurance-vie pourront être activés ; dans le cas contraire, ces champs pourront être désactivés. Pour activer/désactiver un champ, utiliser la propriété pertinente Activé/Éditable de la commande. Pour définir une couleur de texte lorsque la commande est désactivée, utiliser la propriété Couleur de texte(Désactivé).

 

Cliquer pour agrandir/réduireCouleur arrière-plan (Désactivé)

Définit la couleur d'arrière-plan de l'objet lorsque celui-ci est désactivé. Pour sélectionner la couleur, choisir une des options suivantes :

 

Cliquer sur la palette de couleurs pour choisir une couleur d'arrière-plan
Choisir une couleur à partir de la liste déroulante dans la liste de choix
Double-cliquer dans le champ de valeur pour saisir un code de couleur (par exemple, #FF0000), ou cliquer sur le bouton de la barre outils XPath et saisir une expression XPath pour générer le texte requis.

 

Note :   Une commande peut être activée/désactivée selon le contexte. Par exemple, si l'utilisateur, dans un formulaire concernant les détails personnels, confirme la détention d'une assurance-vie, alors les champs concernant les détails de la police de l'assurance-vie pourront être activés ; dans le cas contraire, ces champs pourront être désactivés. Pour activer/désactiver un champ, utiliser la propriété pertinente Activé/Éditable de la commande. Pour définir une couleur d'arrière-plan lorsque l'objet est désactivé, utiliser la propriété Couleur arrière-plan.

 

Cliquer pour agrandir/réduireAlignement horizontal

Définit l'alignement horizontal à gauche, centre ou droite. Le réglage par défaut est centre. La valeur peut aussi être spécifiée par le biais d'une expression XPath (qui permet de générer la valeur dynamiquement).

 

Cliquer pour agrandir/réduireAlignement vertical

Définit l'alignement vertical sur haut, centre ou bas. Le réglage par défaut est centre. La valeur peut aussi être spécifiée par le biais d'une expression XPath (qui permet de générer dynamiquement la valeur).

 

Cliquer pour agrandir/réduireLargeur de commande

Définit la largeur de la commande. Sélectionner une valeur depuis la liste de choix de la propriété. Les valeurs suivantes sont disponibles :

 

fill_parent : permet d'obtenir une commande de la même largeur que le parent. Cela peut être par exemple une cellule de la table ou la page
wrap_content : permet d'obtenir une commande ne dépassant pas la largeur du contenu de la commande ; lorsque cette valeur est sélectionnée, la propriété Largeur de commande maximum est disponible
valeur pourcentuelle : un pourcentage de la largeur de la page ; sélectionner une valeur depuis la liste déroulante ou saisir directement une valeur
valeur de pixel: sélectionner une valeur de pixel depuis la liste déroulante ou saisir directement une valeur

 

De fait, fill_parent crée une largeur maximum, alors que wrap_content crée une largeur minimum.

 

La valeur par défaut est fill_parent pour toutes les commandes sauf pour les éléments suivants :

 

Image et Chart: dans ces cas, le défaut est wrap_content.
Carte géolocalisation : le défaut est la plus petite des deux valeurs $MT_CanvasX et $MT_CanvasY. Ces deux variables dynamiques donnent, respectivement, la largeur et la hauteur du viewport de l'appareil. Puisque la valeur par défaut de Control Height et de Control Width sont les mêmes (dans chacun des cas, la valeur la plus petite de $MT_CanvasX et $MT_CanvasY), la forme et la taille par défaut du viewport dans la commande seront toujours un carré dont les côtés sont égaux à min($MT_CanvasX, $MT_CanvasY).

 

Click to expand/collapsePoints vs pixels sur les appareils iOS

Si vous saisissez des valeurs de pixels pour des propriétés qui définissent les longueurs, lors du rendu pour les appareils iOS, ces valeurs seront lues comme des points dans le système de coordonnées du viewport. Le système de coordonnées du viewport est le canevas sur lequel sont dessinés les composants de design, et un point est l'unité de longueur utilisé dans ce système. Ici, un point n'est pas l'unité typographique égale à 1/72ème d'un pouce. L'appareil iOS mappe automatiquement les points du système de coordonnées du viewport vers les pixels dans le système de coordonnées de l'appareil. En mappant les valeurs de cette manière, (des valeurs du viewport vers les valeurs de l'appareil), les composants de design conservent le même rapport de taille aussi bien par rapport au canevas qu'entre eux, quelle que soit la résolution de l'appareil iOS ou de l'unité utilisée.

 

Dans MobileTogether Designer, vous pouvez utiliser les variables dynamiques $MT_CanvasX et $MT_CanvasY pour connaître les dimensions actuelles du viewport (canevas) et obtenir des longueurs relatives à ces dimensions. (En ce qui concerne les appareils iOS, les valeurs retournées par ces variables sont calculées comme suit : les dimensions de pixel du système de coordonnées de l'appareil actuelles sont converties (en utilisant un facteur de conversion approprié) vers des valeurs de points dans le système de coordonnées du viewport. Ces valeurs de point, comme des nombres, sont retournées par les variables en tant que pixels pour être utilisés dans le design. Par exemple, si vous souhaitez qu'une image ne présente que la moitié de la largeur du viewport, il faudra lui donner une largeur en pixels égale à $MT_CanvasX * 0.5, l'expression XPath pour cette largeur de l'image serait concat ($MT_CanvasX 0.5, 'px')

Cliquer pour agrandir/réduireLargeur maximum de commande

Cette propriété est disponible uniquement lorsque la propriété de la commande Largeur de commande a été configurée sur wrap_content. La propriété Largeur de commande maximum définit la largeur maximum de la commande. Sélectionner une valeur depuis la liste de choix de la propriété. Les valeurs suivantes sont disponibles :

 

valeur pourcentuelle : un pourcentage de la largeur de la page ; choisir une valeur depuis la liste déroulante ou saisir une valeur directement
valeur de pixel : choisir une valeur de pixel depuis la liste déroulante ou saisir une valeur directement

 

Cliquer pour agrandir/réduireHauteur de commande

Définit la hauteur de la commande. Sélectionner une valeur depuis la liste de choix de la propriété. Les valeurs suivantes sont disponibles :

 

fill_parent : permet de rendre la commande aussi haute que le parent. Celui-ci pourrait être, par exemple, une cellule de table ou la page
wrap_content : permet de rendre la commande uniquement aussi haute que nécessaire par le contenu de la commande.

 

De fait, fill_parent crée une hauteur maximum, alors que wrap_content crée une hauteur minimum.

 

Valeurs par défaut

En ce qui concerne la commande de Carte de géolocalisation, la valeur par défaut est la plus petite des deux valeurs $MT_CanvasX et $MT_CanvasY. Ces deux variables dynamiques donnent, respectivement, la largeur et la hauteur du viewport de l'appareil. Puisque la valeur par défaut de Control Height et de Control Width sont les mêmes (dans chacun des cas, la valeur la plus petite de $MT_CanvasX et $MT_CanvasY), la forme et la taille par défaut du viewport dans la commande seront toujours un carré dont les côtés sont égaux à min($MT_CanvasX, $MT_CanvasY).
Pour toutes les autres commandes, la valeur par défaut est wrap_content.

 

Cliquer pour agrandir/réduireMarge

Définit les décalages de marge de la commande relatifs aux objets environnants ou aux rebords de l'objet contenu. Sélectionner une valeur en pixels depuis la liste déroulante de la liste de choix ou double-cliquer dans le champ de valeur pour saisir une longueur de pixel. Le décalage spécifié sera créé sur les quatre côtés de la commande. Si vous souhaitez définir une marge différente pour un des quatre côtés, agrandir la propriété Marge pour afficher les propriétés de marge individuelles (gauche, droite, haut et bas), et définir la valeur différente. Par exemple : si vous définissez Marge sur 6px et Marge Bas sur 12px, alors les marges haut, gauche et droite seront 6px et la marge bas sera 12px.

 

Click to expand/collapsePoints vs pixels sur les appareils iOS

Si vous saisissez des valeurs de pixels pour des propriétés qui définissent les longueurs, lors du rendu pour les appareils iOS, ces valeurs seront lues comme des points dans le système de coordonnées du viewport. Le système de coordonnées du viewport est le canevas sur lequel sont dessinés les composants de design, et un point est l'unité de longueur utilisé dans ce système. Ici, un point n'est pas l'unité typographique égale à 1/72ème d'un pouce. L'appareil iOS mappe automatiquement les points du système de coordonnées du viewport vers les pixels dans le système de coordonnées de l'appareil. En mappant les valeurs de cette manière, (des valeurs du viewport vers les valeurs de l'appareil), les composants de design conservent le même rapport de taille aussi bien par rapport au canevas qu'entre eux, quelle que soit la résolution de l'appareil iOS ou de l'unité utilisée.

 

Dans MobileTogether Designer, vous pouvez utiliser les variables dynamiques $MT_CanvasX et $MT_CanvasY pour connaître les dimensions actuelles du viewport (canevas) et obtenir des longueurs relatives à ces dimensions. (En ce qui concerne les appareils iOS, les valeurs retournées par ces variables sont calculées comme suit : les dimensions de pixel du système de coordonnées de l'appareil actuelles sont converties (en utilisant un facteur de conversion approprié) vers des valeurs de points dans le système de coordonnées du viewport. Ces valeurs de point, comme des nombres, sont retournées par les variables en tant que pixels pour être utilisés dans le design. Par exemple, si vous souhaitez qu'une image ne présente que la moitié de la largeur du viewport, il faudra lui donner une largeur en pixels égale à $MT_CanvasX * 0.5, l'expression XPath pour cette largeur de l'image serait concat ($MT_CanvasX 0.5, 'px')

Click to expand/collapseRemplissage

Définit le remplissage de la commande, c'est à dire, l'espace situé entre la bordure de la commande et son contenu. Sélectionner une valeur en pixels à partir de la liste déroulante de la liste de choix ou double-cliquer dans le champ de valeur pour saisir une longueur de pixel. Le remplissage sera défini pour les quatre côtés de la commande.  Si vous souhaitez définir un remplissage différent pour un des quatre côtés, agrandir la propriété Padding pour afficher les propriétés de remplissage individuelles (gauche, droite, haut et bas), et définir la valeur différente. Par exemple, si vous définissez Remplissage sur 6px et Remplissage Bas sur 12px, alors le remplissage de haut, de gauche et de droite sera de 6px et le remplissage de bas sera 12px.

 

Click to expand/collapsePoints vs pixels sur les appareils iOS

Si vous saisissez des valeurs de pixels pour des propriétés qui définissent les longueurs, lors du rendu pour les appareils iOS, ces valeurs seront lues comme des points dans le système de coordonnées du viewport. Le système de coordonnées du viewport est le canevas sur lequel sont dessinés les composants de design, et un point est l'unité de longueur utilisé dans ce système. Ici, un point n'est pas l'unité typographique égale à 1/72ème d'un pouce. L'appareil iOS mappe automatiquement les points du système de coordonnées du viewport vers les pixels dans le système de coordonnées de l'appareil. En mappant les valeurs de cette manière, (des valeurs du viewport vers les valeurs de l'appareil), les composants de design conservent le même rapport de taille aussi bien par rapport au canevas qu'entre eux, quelle que soit la résolution de l'appareil iOS ou de l'unité utilisée.

 

Dans MobileTogether Designer, vous pouvez utiliser les variables dynamiques $MT_CanvasX et $MT_CanvasY pour connaître les dimensions actuelles du viewport (canevas) et obtenir des longueurs relatives à ces dimensions. (En ce qui concerne les appareils iOS, les valeurs retournées par ces variables sont calculées comme suit : les dimensions de pixel du système de coordonnées de l'appareil actuelles sont converties (en utilisant un facteur de conversion approprié) vers des valeurs de points dans le système de coordonnées du viewport. Ces valeurs de point, comme des nombres, sont retournées par les variables en tant que pixels pour être utilisés dans le design. Par exemple, si vous souhaitez qu'une image ne présente que la moitié de la largeur du viewport, il faudra lui donner une largeur en pixels égale à $MT_CanvasX * 0.5, l'expression XPath pour cette largeur de l'image serait concat ($MT_CanvasX 0.5, 'px')

 

Click to expand/collapseOrdre de tabulation

La propriété Ordre de tabulation prend un entier en tant que sa valeur ou une expression XPath qui évalue en tant qu'un entier. Ce nombre entier est la position de la commande dans l'ordre de la séquence de tabulation.

 

L'ordre de tabulation est la séquence dans laquelle les commandes apparaissent lorsque l'utilisateur de l'Appareil client effleurent la touche Tab. L'ensemble de la séquence peut être défini rapidement et dans le contexte visuel de toutes les commandes de la page dans la commande de menu Page | Afficher/Définir l'ordre de Tab. La propriété Ordre de tab des différentes commandes définissent la position séquentielle de cette seule commande.

 

Note :    La fonction Ordre de tabulation est uniquement disponible sur les clients Web et Windows.

 

Cliquer pour agrandir/réduireFeuille de style

La propriété Feuille de style définit la feuille de style à utiliser pour la commande. La liste déroulante de la liste de choix de la propriété Feuille de style affiche toutes les feuilles de style créée par l'utilisateur qui ont été définies dans le projet. Sélectionner la feuille de style que vous souhaitez utiliser pour la commande. En alternative, vous pouvez utiliser une expression XPath pour sélectionner la feuille de style que vous souhaitez ; cela a l'avantage que vous pouvez rendre la sélection de la feuille de style conditionnelle (voir Appliquer les feuilles de style créées par l'utilisateur). Voir la section Feuilles de style pour plus d'informations.

 

Cliquer pour agrandir/réduireNavigateur classe CSS

Le nom d'une ou de plusieurs classes CSS que vous souhaitez associer avec cette commande. Ajouter un espace pour attribuer plusieurs classes : LabelClassOne LabelClassTwo. Ces classes peuvent ensuite être utilisées dans un fichier CSS (spécifié dans le dialogue de paramètres du navigateur) pour attribuer des propriétés spécifiquement à cette commande. Vous pouvez aussi utiliser une expression XPath pour générer ou aller chercher les noms de la (des) classe(s).

 

 

 


© 2019 Altova GmbH