Vous consultez une page technique concernant le logiciel de gestion Mercator. Celle-ci contient des informations spécifiques destinées aux professionnels de Mercator. Souhaitez-vous être redirigés vers des informations plus générales ?


   Ne plus poser cette question

Paramétrage des images

0000002783     -      09/04/2022

MercatorPenguin, dans ses bundles de type "liste", permet d'afficher toutes sortes de composants, en ce compris des images. Les images natives de Xamarin Forms peuvent être utilisées. Toutefois, pour afficher des images stockées dans la base de données de Mercator, il faut utiliser la classe spécifique implémentée dans MercatorPenguin : m:Image.

Celle-ci permet d'afficher deux types d'images :

  1. des images stockées dans n'importe quelle table de la base de données sous la forme de VARBINARY(MAX)
  2. des fichiers d'image uploadés dans la base de données SQL.

1. Image (binary field)

Pour montrer ce type d'image, il faut compléter ces propriétés :

  • Table : table dans laquelle se trouve l'image
  • Index : la colonne ou l'expression qui va permettre de trouver la fiche dans cette table
  • Value : la valeur permettant de trouver cette fiche par égalité de l'index spécifié ci-dessus
  • Field : la colonne VARBINARY(MAX) contenant l'image.

Cette notation est semblable à celle utilisée dans xLookup.

Exemple :

<m:Image Table="STOCK" Index="S_ID" Value="@S_ID" Field="S_IMAGE1" WidthRequest="40" HeightRequest="40" />

 

2. Image (SQL file)

Pour montrer ce type d'image, il faut compléter ces propriétés, permettant une extraction depuis la table FILES de la base de données de Mercator :

Exemple :

<m:Image FilePath="@FILEPATH" FileName="@FILENAME" WidthRequest="40" HeightRequest="40" />

 

3. Image (via URL)

Pour montrer une image venant d'un site web, il faut compléter la propriété Source avec sont url.

Exemple :

 

<m:Image Source="@URL" WidthRequest="40" HeightRequest="40" />


Dans les trois cas, il convient de compléter les propriétés WidthRequest et HeightRequest. Cela permettra à MercatorPenguinServer d'effectuer au préalable un redimensionnement de l'image. Cela peut participer à la réduction de la taille des données transportées vers le mobile, en envoyant des images de taille réduite.

Les images en tant que telles ne sont pas envoyées dans le mobile en même temps que les données. Elles sont en effet téléchargées, à la demande, par MercatorPenguin, lors de leur affichage.

Exemple de bundles :


Les deux syntaxes d'images sont reprises dans la palette montrant les commandes XAML les plus courantes et disponibles depuis ce bouton :

          


Pour des images dans des écrans en modification avec lignes : voir cette page.