Composant conteneur de pile script verticale
Une pile verticale conteneur est un parent qui organise verticalement les composants de l’enfant. Pour organiser les composants horizontalement, conteneur utilisez une pile horizontale.
Remarque : Chaque script page par défaut a conteneur une pile verticale qui contient tout ce qui est ajouté à cette page. Vous ne pouvez pas supprimer ce composant racine, mais vous pouvez modifier ses propriétés et y ajouter des composants.
Le conteneur par défaut étant un conteneur à pile verticale, il n'est peut-être pas nécessaire d'en ajouter un autre. Pour en ajouter un autre, cliquez sur Vertical Stack Container dans la barre d'outils du composant.
Lorsque vous sélectionnez conteneur une script pile verticale, l’éditeur affiche un indicateur directionnel vers le bas. La flèche indique comment les nouveaux composants ajoutés au contrôle s’alignent les uns par rapport aux autres.
Pour une pile script verticale, l’éditeur positionne de nouveaux composants en dessous du composant précédent. Si vous ajoutez un composant texte, suivi d’une entrée, l’éditeur empile les contrôles verticalement.
- Si vous ajoutez un autre composant conteneur à l’aide de la barre d’outils, les places en dessous de l’élément actuellement sélectionné.
Définir en option les propriétés de ce composant.
Éléments communs
Configure la largeur sur une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.
- Auto-sizing configure le composant pour qu'il se rétrécisse ou s'agrandisse en fonction de son contenu. Par exemple, la largeur d'une étiquette peut augmenter en fonction de la quantité de texte qu'elle contient.
- Stretch permet à un composant d'occuper autant d'espace que possible par rapport aux autres composants, en utilisant la pondération pour influencer les ajustements de taille.Note: Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids. Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus grand que l'autre, puisque son poids était deux fois supérieur à celui du second composant.
- px définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
Configure la hauteur à une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.
- Auto-sizing configure le composant pour qu'il se rétrécisse ou s'agrandisse en fonction de son contenu. Par exemple, la largeur d'une étiquette peut augmenter en fonction de la quantité de texte qu'elle contient.
- Stretch permet à un composant d'occuper autant d'espace que possible par rapport aux autres composants, en utilisant la pondération pour influencer les ajustements de taille.Note: Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids. Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus grand que l'autre, puisque son poids était deux fois supérieur à celui du second composant.
- px définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
Le rembourrage définit l’espace entre le bord intérieur et le contenu. Une marge définit l’espacement à l’extérieur d’une bordure, tandis que le remplissage ajoute de l’espace à l’intérieur d’une bordure.
- Cliquez sur le champ de valeur pour un élément de bordure. Un contrôle de rotation apparaît dans ce champ.
- Utilisez le contrôle de rotation pour augmenter ou réduire la largeur de la bordure. Si Définir tout a été sélectionné, la modification est appliquée à toutes les valeurs.
- Pour mettre à jour en option toutes les valeurs de rembourrage à la fois, appuyez sur Définir tous les bouton pour rembourrage dans le panneau des propriétés.
Définit la couleur d’arrière-plan sur l’une des options suivantes :
Définit l’arrière-plan ou la couleur du texte à l’une des options suivantes :
- Défaut- Attribue la couleur par défaut.
- Couleur- Permet de sélectionner une palette de couleurs courantes ou de choisir les vôtres en saisissant des valeurs RVB ou en déplaçant le sélecteur de couleurs vers une nouvelle position du spectre. La définition de la couleur du texte et de l'arrière-plan est une propriété du panneau Apparence. Ce panneau de propriétés n'est disponible que pour les composants dotés de la fonctionnalité de couleur.
- Variable- attribue une couleur stockée dans une variable de type chaîne de caractères. Exemple de variable: Pour attribuer le bleu foncé :
- Cliquez sur l'onglet Variables .
- Cliquez sur Add Variable pour ajouter une variable.
- sélectionner ficelle comme le type de valeur que la nouvelle variable stocke.
- Saisissez un nom descriptif dans la boîte Name.
- Définir Valeur par défaut à 0000FF ou #0000FF - qui est le code hexadécimal pour le bleu foncé.
- Cliquez sur Appliquer.
- Affectez la variable à cette propriété de couleur.
Modifier la couleur d'arrière-plan d'une page de script
Pour définir la couleur de fond d’une page entière, conteneur assignez une couleur de fond à sa racine verticale.
- Dans plan du site la barre, conteneur cliquez sur l’icône racine.
- Sous Commun ou Apparence, attribuez une couleur d'arrière-plan différente.
Pour changer la couleur script de fond d’une page
Pour définir la couleur de fond d’une page entière, conteneur assignez une couleur de fond à sa racine verticale.
-
Dans la barre de navigation, cliquez sur Root Container .
-
Sous terrain d’entente ou apparence, attribuez une couleur d’arrière-plan différente.
La bordure définit l’espace entre le remplissage et la marge. Une marge définit l’espacement à l’extérieur d’une bordure, tandis que le remplissage ajoute de l’espace entre la bordure et le composant.
- Cliquez sur le champ de valeur pour un élément de bordure. Un contrôle de rotation apparaît dans ce champ.
- Utilisez le contrôle de rotation pour augmenter ou réduire la largeur de la bordure. Si Définir tout a été sélectionné, la modification est appliquée à toutes les valeurs de remplissage.
- Pour mettre à jour toutes les valeurs des bordures en même temps, cliquez sur le bouton Définir tout pour Bordure dans le panneau des propriétés.
Disposition
Configure la largeur sur une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.
- Auto-sizing configure le composant pour qu'il se rétrécisse ou s'agrandisse en fonction de son contenu. Par exemple, la largeur d'une étiquette peut augmenter en fonction de la quantité de texte qu'elle contient.
- Stretch permet à un composant d'occuper autant d'espace que possible par rapport aux autres composants, en utilisant la pondération pour influencer les ajustements de taille.Note: Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids. Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus grand que l'autre, puisque son poids était deux fois supérieur à celui du second composant.
- px définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
Configure la hauteur à une taille fixe, afin de l’agrandir si nécessaire pour afficher le contenu, ou de consommer le plus d’espace possible par rapport aux autres composants, en utilisant pondération pour influencer les ajustements de taille.
- Auto-sizing configure le composant pour qu'il se rétrécisse ou s'agrandisse en fonction de son contenu. Par exemple, la largeur d'une étiquette peut augmenter en fonction de la quantité de texte qu'elle contient.
- Stretch permet à un composant d'occuper autant d'espace que possible par rapport aux autres composants, en utilisant la pondération pour influencer les ajustements de taille.Note: Si deux composants sont réglés pour s’étirer, ils sont tous par défaut deux alloués 50 % de l’espace restant par. Cela proportion peut être ajusté en modifiant la valeur de poids. Par exemple, si vous placez un composant à un poids de 200, et l’autre à un poids de 100, alors le premier composant occupe les deux tiers de l’espace restant, tandis que l’autre ne prend qu’un tiers. Le premier composant apparaît deux fois plus grand que l'autre, puisque son poids était deux fois supérieur à celui du second composant.
- px définit une taille fixe en pixels. Vous pouvez taper une valeur entière dans la zone ou utiliser les flèches haut ou bas pour augmenter ou diminuer la taille. Ces flèches sont visibles lorsque le composant a le focus.
Aligne un composant vers la gauche, la droite conteneur ou le centre, par rapport à son parent.
Auto Sizing. Pour corriger ce problème, réglez la hauteur du conteneur parent sur Stretch ou sur une hauteur fixe dans Pixels.L’arrangement d’enfant détermine conteneur comment le conteneur contenu d’un sont arrangés si l’espace a supplémentaire.
Ce paramètre est désactivé si conteneur la largeur et la hauteur d’un est auto-dimensionnement. L’auto-dimensionnement indique l’élargissement conteneur à la taille des éléments qu’il contient. Étant donné que cela ne permet pas d’espace supplémentaire, les propriétés d’arrangement pour enfants n’ont aucun sens, et sont désactivées. Pour permettre l’arrangement conteneur de l’enfant, définir la largeur en pixels, ou pour étirer.
Lorsqu’un conteneur a un espace supplémentaire, vous pouvez sélectionner l’un des éléments suivants pour influencer la façon dont l’espace est distribué :
- commencer—Les contenus sont distribués au début de la conteneur.
- centre—Les contenus sont distribués au centre de la conteneur.
- fin—Les contenus sont distribués à la fin de la conteneur.
Les marges définissent les espacements gauche, droit, supérieur et inférieur autour d’une bordure.
- Cliquez sur le champ de valeur pour une marge. Un contrôle de rotation apparaît dans ce champ.
- Utilisez la commande de rotation pour augmenter ou diminuer la marge.
- Pour mettre à jour toutes les valeurs de marge en même temps, cliquez sur le bouton Set All pour Margin dans le panneau de propriétés.
La propriété Visible définit la visibilité d'un composant en fonction de la valeur d'une variable booléenne (Vrai ou Faux) ou d'une expression.
Pour définir la propriété Visible en fonction d'une variable :
- Cliquez sur le groupe de propriétés Layout dans le panneau Properties.
- Sous Visible, cliquez sur Select Variable.
- Sélectionnez une variable, ou créez une nouvelle variable Oui/Non, puis attribuez cette nouvelle variable à la visible propriété.
- Chez ex terminer, le composant est visible lorsque la valeur de la variable est True. Inversement, il est masqué lorsque la valeur de la variable est Faux.
Pour définir la propriété Visible en fonction d'une expression :
- Cliquez sur le groupe de propriétés Layout dans le panneau Properties.
- Sous Visible, sélectionnez Expression vrai/faux.
- Dans la case Insérer une variable, entrez une expression .
Au moment de l'exécution, le composant est visible lorsque l'expression est vraie. Le composant est caché lorsque l'expression est Faux.
Le rembourrage définit l’espace entre le bord intérieur et le contenu. Une marge définit l’espacement à l’extérieur d’une bordure, tandis que le remplissage ajoute de l’espace à l’intérieur d’une bordure.
- Cliquez sur le champ de valeur pour un élément de bordure. Un contrôle de rotation apparaît dans ce champ.
- Utilisez le contrôle de rotation pour augmenter ou réduire la largeur de la bordure. Si Définir tout a été sélectionné, la modification est appliquée à toutes les valeurs.
- Pour mettre à jour en option toutes les valeurs de rembourrage à la fois, appuyez sur Définir tous les bouton pour rembourrage dans le panneau des propriétés.
Apparence
Définit la couleur d’arrière-plan sur l’une des options suivantes :
Définit l’arrière-plan ou la couleur du texte à l’une des options suivantes :
- Défaut- Attribue la couleur par défaut.
- Couleur- Permet de sélectionner une palette de couleurs courantes ou de choisir les vôtres en saisissant des valeurs RVB ou en déplaçant le sélecteur de couleurs vers une nouvelle position du spectre. La définition de la couleur du texte et de l'arrière-plan est une propriété du panneau Apparence. Ce panneau de propriétés n'est disponible que pour les composants dotés de la fonctionnalité de couleur.
- Variable- attribue une couleur stockée dans une variable de type chaîne de caractères. Exemple de variable: Pour attribuer le bleu foncé :
- Cliquez sur l'onglet Variables .
- Cliquez sur Add Variable pour ajouter une variable.
- sélectionner ficelle comme le type de valeur que la nouvelle variable stocke.
- Saisissez un nom descriptif dans la boîte Name.
- Définir Valeur par défaut à 0000FF ou #0000FF - qui est le code hexadécimal pour le bleu foncé.
- Cliquez sur Appliquer.
- Affectez la variable à cette propriété de couleur.
Modifier la couleur d'arrière-plan d'une page de script
Pour définir la couleur de fond d’une page entière, conteneur assignez une couleur de fond à sa racine verticale.
- Dans plan du site la barre, conteneur cliquez sur l’icône racine.
- Sous Commun ou Apparence, attribuez une couleur d'arrière-plan différente.
Pour changer la couleur script de fond d’une page
Pour définir la couleur de fond d’une page entière, conteneur assignez une couleur de fond à sa racine verticale.
-
Dans la barre de navigation, cliquez sur Root Container .
-
Sous terrain d’entente ou apparence, attribuez une couleur d’arrière-plan différente.
La bordure définit l’espace entre le remplissage et la marge. Une marge définit l’espacement à l’extérieur d’une bordure, tandis que le remplissage ajoute de l’espace entre la bordure et le composant.
- Cliquez sur le champ de valeur pour un élément de bordure. Un contrôle de rotation apparaît dans ce champ.
- Utilisez le contrôle de rotation pour augmenter ou réduire la largeur de la bordure. Si Définir tout a été sélectionné, la modification est appliquée à toutes les valeurs de remplissage.
- Pour mettre à jour toutes les valeurs des bordures en même temps, cliquez sur le bouton Définir tout pour Bordure dans le panneau des propriétés.
