Applicables à tous les composant VID
view layout [
img: image %myimage.png effect [ <effet + arg> ]
]
| Effect | Arg | Type | Comment |
| fit | redimensionne sans conserver les proportion | ||
| aspect | redimensionne en conservant les proportions | ||
| extend | redimensionne verticalement, horizontalement ou dans les deux directions |
| Effect | Arg | Type | Comment |
| tile | répète l'image autant de fois que nécessaire pour remplir l'image | ||
| tile-view | idem, mais coordonnées de départ relative à la fenètre |
| Effect | Arg | Type | Comment |
| crop | position de départ | pair! | affiche une partie de l'image à partir de la position de départ |
| clip | empêche le redimensionnement automatique |
| Effect | Arg | Type | Comment |
| flip | axe actif | pair! 0x1, 1x0 ou 1x1 | retourne une image selon l'axe actif |
| rotate | angle de rotation | integer! 0, 90, 180 ou 270 | provoque une rotation |
| reflect | axe actif | pair! 0x1, 1x0 ou 1x1 | effet mirroir selon l'axe défini |
| Effect | Arg | Type | Comment |
| invert | inverse les couleurs de l'image | ||
| luma | valeur | integer! + ou - | joue sur la luminosité de l'image |
| contrast | valeur | integer! + ou - | modifie le contraste de l'image |
| tint | valeur | integer! entre -128 et 127 | modifie la teinte |
| grayscale | convertit en niveau de gris | ||
| colorize | couleur RGB | tuple! | colorise selon le tuple! fournit |
| multiply | couleur RGB | tuple! | multiplie la valeur RGB par le tuple! fournit |
| difference | couleur RGB | tuple! | soustrait le tuple! fournit de la valeur RGB |
| blur | permet d'estomper l'image et de la rendre plus floue | ||
| sharpen | renforce les traits de l'image | ||
| emboss | effet de relief |
| Effect | Arg | Type | Comment |
| gradient | couleur de départ | tuple! | génère un dégradé de couleurs |
| - | couleur de fin | tuple! | |
| - | direction du dégradé | pair! 0x1, 1x0, etc... | |
| gradcol | couleur de départ | tuple! | 'colorise + 'gradient |
| - | couleur de fin | tuple! | |
| - | direction du dégradé | pair! 0x1, 1x0, etc... | |
| gradmul | couleur de départ | tuple! | 'multiply + 'gradient |
| - | couleur de fin | tuple! | |
| - | direction du dégradé | pair! 0x1, 1x0, etc... |
| Effect | Arg | Type | Comment |
| key | couleur transparente | tuple! | spécifie la couleur transparente |
| shadow | couleur transparente | tuple! | 'key + génére un ombre |
| Effect | Arg | Type | Comment |
| arrow | couleur | tuple! | dessine une flêche |
| - | direction | 'up, 'down, 'left, 'rigth | |
| cross | couleur | tuple! | dessine une croix |
| oval | couleur | tuple! | dessine un ovale |
| grid | nombre de pixels entre ligneset colonnes | pair! | dessine une grille |
| - | coordonnées première ligne et première colonne | pair! | |
| - | couleur | tuple! |
Le dialect DRAW doit être utilisé dans l'attribut effect de la zone de dessin
view layout [
box 200x200 effect [
draw [
pen white
circle 100x100
]
]
]
| Effect | Arg | Type | Comment |
| pen | couleur | tuple! | fixe la couleur utilisée |
| fill-pen | couleur | tuple! | couleur de remplissage de formes geomériques |
| line-pattern | nombre de points tracés en couleur 'pen | integer | fixe l'apparence d'une ligne |
| - | nombre de points tracés en couleur background | ||
| font | voir "font" ci-dessous | définit l'apparence de la police | |
| line | coordonnées | pair! | trace des segments entre les différentes coordonnées |
| polygon | coordonnées | pair! | trace des droites entre les différentes coordonnées |
| circle | centre | pair! | dessine un cercle |
| - | rayon | integer! | |
| box | coin supérieur gauche | pair! | trace un rectangle |
| - | coin inférieur droit | pair! | |
| text | position | pair! | affiche une chaine de caratères |
| image | position | pair! | affiche une image |
| - | image | file! | |
| - | couleur transparente | tuple! | |
| flood | position de départ | pair! | remplit un espace à partir de la position donnée jusqu'aux points de la couleur spécifiée |
| - | couleur | tuple! |
Spécifie le contour des composants
view layout [
button "hello" edge [
size: 5x5
color: red
effect 'ibevel
]
]
| Effect | Arg | Type | Comment |
| size: | taille | pair! | taille de la bordure |
| color: | couleur | tuple! | couleur de la bordure |
| effect | aspect | 'bevel, 'ibevel, 'bezel, 'ibezel ou 'nubs | aspect de la bordure |
Définit le style de la police de caractères
view layout [
text "hello" font [
size: 40
align: 'left
]
]
| Effect | Arg | Type | Comment |
| name | nom | text | nom de la police |
| size: | taille | integer! | taille des charactères |
| style: | style | none, 'bold, 'italic, 'underline | style des caractères |
| color: | couleur | tuple! | couleur d'affichage |
| align: | alignement | 'left, 'right, 'center | alignement horizontal |
| valign: | alignement | 'top, 'bottom ou 'middle | alignement vertical |
| offset: | position | pair! | position de départ de l'affichage du texte |
| space: | nombres de pixels | pair! | séparation entre caractères et entre lignes |
| shadow: | position de départ | pair! | génération d'une ombre |
Définit l'apparence d'un paragraphe de texte
| Effect | Arg | Type | Comment |
| origin | position | pair! | position de départ pour l'affichage |
| margin | position | pair! | limite de la zone d'affichage du texte, en bas à droite |
| indent | valeur | pair! | décalage de la première ligne |
| scroll | position | pair! | défilage vertical du contenu |
| tabs | position | block! of integer! | une ou plusieurs position de tabulation |
| wrap? | valeur | boolean! | active le retour à la ligne |
Christophe Coussement