Altova MobileTogether Designer

Navigation: Commandes et événements de commande > Commandes

Ligne horizontale

Accueil Préc Haut Suivant

La commande de ligne horizontale permet d'ajouter des lignes dont vous pourrez varier la couleur et l'épaisseur.

 

Cliquer pour agrandir/réduireNotes

•Pour réinitialiser un style ou une propriété (dans le Volet Styles & Propriétés), sélectionner la propriété et cliquer Réinitialiser dans la barre outils du volet.

•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 É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 souhaité.

 

Événements de ligne horizontale

Aucun événement n'est associé avec la commande de ligne horizontale.

 

Propriétés de ligne horizontale

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.

 

Click to expand/collapseNom (Name)

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.

 

Click to expand/collapseTous les styles (All Styles)

La propriété Tous les styles deviennent visibles si le paramètre Tous les styles du dialogue Plus de projets a été défini sur true. (Le réglage par défaut de ce paramètre est faux.)

 

La propriété vous permet de définir tous les styles du composant par le biais d’une seule expression de mappage XPath, comme les deux expressions de mappage ci-dessous :

 

map{

  "Bold Text"        : \$XML1/R/@bold = "1",

  "Italic Text"      : true(),

  "Text"             : "hello",

  "Text Color"       : "red",

  "Background Color" : \$XML1/R/@background,

  "Text Size"        : \$XML1/R/@textsize

  }

 

map{

  "Style Sheet"      : "Sheet-1"

  }

 

Veuillez noter :

 

•Lorsque vous saisissez une valeur pour la propriété Tous les styles, même s’il ne s’agit pas d’un mappage, toutes les propriétés du composant actuel dans le Volet Styles & Propriétés ne seront plus visibles.

•En l’occurrence, il s’agit d’une fonction avancée, vous devez donc vous assurer que votre expression de map Xpath est correcte, aussi bien en termes de syntaxe que de valeurs.

•Vous pouvez saisir les paires de clé-valeur du map dans n’importe quel ordre.

•Les noms de clé sont les noms des propriétés de style (ou les styles). Dans le premier map ci-dessus, par exemple, Texte gras et Taille de texte sont des noms de style. Les styles qui sont disponibles pour un composant particulier sont recensés sous ce composant dans le volet Volet Styles & Propriétés.

•Vous pouvez aussi spécifier une feuille de style à utiliser, comme indiqué dans le deuxième map ci-dessus.

 

Click to expand/collapseÉpaisseur de ligne (Line Width)

Définit l'épaisseur de la ligne en pixels de la ligne. Sélectionne une valeur d'épaisseur (en pixels, dp ou sp) depuis la liste déroulante de la liste de choix ou double-cliquer dans le champ de valeur pour saisir une valeur numérique. Vous pouvez aussi utiliser une expression XPath. La valeur numérique est une valeur de pixel. C'est pour cela qu'aucune unité ne devrait être spécifiée.

 

Pour plus d’informations concernant les relations entre les pixels, dp (pixels dépendant des appareils), et sp (pixels indépendants de l’échelle), voir Tailles : Pixels, DPI, DP, SP.

 

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/collapseStyle de ligne (Line Style)

Spécifie le style de la ligne. Vous pouvez sélectionner une des options depuis la liste déroulante de la liste de choix ou utiliser une expression XPath. La valeur par défaut est solide.

 

Click to expand/collapseCouleur de la ligne (Line Color)

Spécifie la couleur de la ligne. Les options suivantes vous permettent de choisir la couleur :

 

•Cliquer sur la palette de couleurs pour sélectionner une couleur de ligne

•Choisir 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 dans le bouton de la barre outils XPath et saisir une expression XPath pour générer ou aller chercher le texte nécessaire.

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

 

Click to expand/collapseAlignement horizontal (Horizontal Alignment)

Cette propriété s'applique dans le cas de certaines commandes (comme des images et des lignes verticales) dans la commande, dans d'autres cas (comme des boutons radio et des cases à cocher) dans le texte qui accompagne la commande. Elle 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).

 

Click to expand/collapseLargeurs de commande (Control Width)

définit la largeur de la commande. Sélectionner une valeur depuis la liste déroulante de la liste de choix. 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

•wrap_content_longest_entry: est disponible pour les commande de liste de choix et permet d’adapter la largeur des listes de choix au contenu le plus long ; lorsque cette valeur de propriété est sélectionnée, la propriété Largeur maximum de commande 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, dp ou sp : sélectionner une valeur de pixel, dp ou sp 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. Si la liste de choix se trouve dans une cellule de table, par exemple, fill_parent laissera la liste de choix remplir la cellule, alors que wrap_content pourrait ne pas remplir la cellule.

 

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

 

•Image et Graphique: dans ces cas, le défaut est wrap_content.

•Carte de 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 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 plus d’informations concernant les relations entre les pixels, dp (pixels dépendant des appareils), et sp (pixels indépendants de l’échelle), voir Tailles : Pixels, DPI, DP, SP.

 

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/collapseMarge (Margin)

Définit les décalages de marge de la commande (ou de la page) relatifs aux objets environnants ou aux rebords de l'objet contenu. Sélectionner une valeur en pixels, dp ou sp à 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 décalage spécifié sera créé sur les quatre côtés de la commande ou de la page. 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 remplissage individuelles (gauche, droite, haut et bas), et définir la valeur différente. Par exemple : 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.

 

Pour plus d’informations concernant les relations entre les pixels, dp (pixels dépendant des appareils), et sp (pixels indépendants de l’échelle), voir Tailles : Pixels, DPI, DP, SP.

 

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/collapseFeuille de style (Style Sheet)

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.

 

Click to expand/collapseNavigateur classe CSS (Browser CSS Class)

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).

 

 

 

© 2017-2023 Altova GmbH