Réglage optimal de la position et de la taille
Vous pouvez concevoir la position et la taille du contenu dans une visualisation en fonction de leur utilisation dans les éléments de conteneur (Cadre ou Onglets). Pour ce faire, le généré automatiquement Container La variable est utilisée pour transmettre la taille du conteneur à la visualisation subordonnée ou référencée. Par conséquent, une visualisation a accès à la taille des éléments et objets supérieurs à la fois hors ligne et lors de l'exécution. Cela vous permet de configurer les visualisations afin que la surface disponible soit calculée et remplie de manière optimale à chaque changement. Ceci s'applique également aux éléments placés à l'intérieur.
Ces variables sont utiles lorsque, par exemple, vous développez une visualisation pour des bibliothèques dont la position et la taille varient en fonction de la visualisation superordonnée à partir de laquelle la visualisation de bibliothèque est appelée.
Variables générées :
Container.WidthLargeur actuelle de l'élément conteneur. Il s'agit de la largeur maximale qu'un élément lui-même peut remplir.
Container.HeightHauteur actuelle de l'élément conteneur. Il s'agit de la hauteur maximale qu'un élément lui-même peut remplir.
Visu.WidthLargeur actuelle de la visualisation dans laquelle se trouve l'élément qui doit être positionné de manière optimale
Visu.HeightHauteur actuelle de la visualisation dans laquelle se trouve l'élément qui doit être positionné de manière optimale
VisuElems.CurrentClient.WidthLargeur actuelle du client (taille du client) à utiliser dans les éléments de visualisation
VisuElems.CurrentClient.HeightHauteur actuelle du client (taille du client) à utiliser dans les éléments de visualisation
Pour plus d'informations, voir : Accès à la taille du client
Note
Le Visu et Container les variables sont générées uniquement lorsque les Utiliser les propriétés de visualisation et de taille de conteneur option est sélectionnée. Pour les nouveaux projets, l'option est sélectionnée par défaut.
Pour plus d'informations, voir : Propriétés
Configuration d'une position d'adaptation optimale
Dans la section suivante, la position optimale est calculée dans le Mouvement absolu et Mouvement relatif propriété avec Container.Width - Visu.Width. Il est intéressant de noter que selon l'endroit où les variables générées sont insérées, le comportement des éléments adaptés varie.
Créez une visualisation comme d'habitude. Ceci est généralement utilisé comme modèle afin qu'il puisse être réutilisé par des visualisations superordonnées aussi souvent que souhaité.
Visualisation:
TemplateAssurez-vous que la génération automatique de variables est activée.
Dans le navigateur, ouvrez le menu contextuel de la visualisation et sélectionnez le Propriétés commande.
La boîte de dialogue s'ouvre.
Clique le Visualisation onglet et sélectionnez l'onglet Utiliser les propriétés de visualisation et de taille de conteneur option si nécessaire.
Ajoutez des éléments à votre visualisation et positionnez-les dans la zone de visualisation.
Remarque : Un élément qui a le Mouvement absolu ou Mouvement relatif La propriété peut y être configurée avec les variables générées automatiquement. Ensuite, l'élément se positionnera dynamiquement.
Important : si vous ajoutez un autre élément de conteneur dans la visualisation réutilisable, vous devez définir son type de mise à l'échelle sur Fixé.
La taille initiale est définie sous Position dans le Propriétés voir.
La visualisation avec ses éléments s'affiche sous l'éditeur :
Configurez les éléments qui doivent se comporter de manière optimisée dans le Mouvement absolu ou Mouvement relatif propriétés avec les variables générées. Notez les différences de configuration, chacune entraînant un comportement différent pour l'élément.
Configurer la propriété Mouvement absolu, Mouvement en haut à gauche:
X avec
Container.Width - Visu.Widthafin de déplacer l'élément horizontalement dans son ensemble.Oui avec
Container.Height - Visu.Heightafin de déplacer l'élément verticalement dans son ensemble.Configurer la propriété Mouvement relatif avec Mouvement en bas à droite:
X avec
Container.Width - Visu.Widthafin de déplacer horizontalement le coin inférieur droit de l'élément. Cela amène l'élément à s'ajuster en forme et à se remplir en conséquence.YavecContainer.Height - Visu.Heightafin de déplacer verticalement le coin inférieur droit de l'élément. Cela amène l'élément à s'ajuster en forme et à se remplir en conséquence.
Configurer dans Propriétés
Cadre
Rectangle
Polyligne
Ajoutez une autre visualisation à votre application pour en faire la visualisation supérieure. Utilisez un élément conteneur (tel que Cadre) pour référencer d'autres visualisations de l'application, du projet ou des bibliothèques.
Faites glisser l'élément conteneur vers la visualisation et sélectionnez l'élément
Templatevisualisation de modèle à partir des visualisations disponibles.Important : Dans les propriétés du cadre, définissez le type de mise à l'échelle sur Fixé.
Faites glisser la taille de l'élément conteneur à la taille souhaitée.
Les éléments de la visualisation référencée, qui ont été configurés avec des propriétés de mouvement variables, suivent automatiquement la taille du conteneur (comportement hors ligne).
Ajoutez un WebVisu sous le Visualization Manager et configurez-le comme suit :
Sélectionnez le gestionnaire de visualisation et cliquez sur Ajouter un objet → WebVisu.
Dans l'éditeur, sélectionnez le Options de mise à l'échelle comme Isotrope.
Si vous faites glisser l'élément de conteneur plus large dans l'éditeur de visualisation, les éléments configurés dépendants s'adapteront. Dans le processus, le rectangle se déplace avec la polyligne comme une unité. Le Press le bouton déplace son bord droit et s'affiche en continu.
L'exemple est affiché dans le navigateur sur des zones de tailles différentes.
