Layer - Version FSDL : 3.0

Description

L'élément "layer" permet l'affichage d'autres éléments (balise) dans un slide Frogans.
Il est un enfant de la balise principale "frogans-fsdl" ou d'une balise "button".
Il contient pas d'élément enfant.
L'ordre d'affichage des layers est défini par l'ordre d'écriture dans le code fsdl.
Ecriture :
<layer
    layerid="layer1"
    leapout="all | lead | vignette"
    resref="resid"
    pos="x,y"
    combine = "add | clip | cutout | inter"
    align[optionnel]="left-top | left-middle | ..." (voir section "attributs")
    flip[optionnel]="none | xdir | ydir | xydir"
    filterref[optionnel]="filterId"
    reliefref[optionnel]="reliefId"
    blur[optionnel] = "xradirus,yradius"
    angle[optionnel] = "-180 à 180"
    sharpness[optionnel] = "0 à 8"
    opacity[optionnel] = "0 à 100"
    shadowref[optionnel] = "shadowId"
    visible[optionnel, applicable si layer est un enfant d'un bouton]="always | not-selected | selected"
    reactivity[optionnel] = "#rr"
/>                                                                
image apercu frogans layer

Attributs

Nom Obl. Valeur Description Exemples
layerid Oui Identifiant unique L'identifiant doit être unique dans le document fsdl. Il ne peut contenir que des chiffres, lettres et le caractère "_"
<layer layerid="layer1" .../>
leapout Oui all | lead | vignette
L'attribut "leadpout" permet de définir la manière dont la slide Frogans est affichée à l'écran :
"all" : le layer est affiché sur toutes les formes que peut prendre le slide "complète et réduite".
"lead" : le layer n'est affiché que sur la forme principale du slide (en grand).
"vignette" : le layer n'est affiché que sur la forme réduite du slide.
Dans un bouton, la valeur est obligatoirement "lead"
<layer ... leapout="all" .../>
<layer ... leapout="lead" .../>
<layer ... leapout="vignette" .../>
resref Oui resId Identifiant de la ressource utilisée par le layer (resdraw, resimage...).
<resdraw resid="resdraw1" ... >
<layer ... resref="resdraw1" ... />
align Non left-top | left-middle | left-bottom | center-top | center-middle | center bottom | right-top | right-middle | right-bottom
Permet d'indiquer l'alignement dans le "layer" de la ressource qu'il utilise.
"left-top" : aligne la ressource dans le layer en partant du coin gauche-haut
"left-middle" : [...] gauche-milieu
"left-bottom" : [...] gauche-bas
"center-top" : [...] centre-haut
"center-middle" : [...] centre-milieu
"center bottom" : [...] centre-bas
"right-top" : [...] droite-haut
"right-middle" : [...] droite-milieu
"right-bottom" : [...] droite-bas
Valeur par défaut : center-middle
<layer ... align="left-top" ... />
pos Oui couple(x,y)
x : valeur entre -640 et 1280
y : valeur entre -480 et 960
Permet de définir la position du layer dans le slide Frogans.
Un layer peut dépasser des bords du slide et être "invisible" à l'écran (coordonnées négatives)
Attention à la propriété "align" définissant le point de référence du layer.
Conseil : utiliser align="left-top" pour un placement facile de l'élément dans le slide.
<layer ... pos="170,200" .../>
combine Oui add | clip | cutout | inter Permet de définir la manière dont le layer est combiné au canevas affichant le slide.
"add" : Ajoute le layer dans le slide
"clip" : Découpe et ajoute le layer dans le slide en fonction des précédents layers. Si la taille et la position des précédents layers sont inférieures, alors il est tronqué.
"cutout" : Permet de découper une partie des précédents layers
"inter" : Permet de découper le slide en prenant l'intersection du layer avec les précédents
Le premier layer doit avoir la valeur "add" pour que le slide soit visible à l'écran
<layer ... combine="add" ... />
flip Non none | xdir | ydir | xydir Permet de retourner l'affichage de la ressource
"none" : la ressource n'est pas retournée
"xdir" : la ressource est retournée sur l'axe vertical
"ydir" : la ressource est retournée sur l'axe horizontal
"xydir" : la ressource est retournée sur les deux axes (axe vertical et horizontal)
Valeur par défaut : "none"
<layer ... flip="xydir" ... />
filterref Non filterId Permet d'appliquer sur le layer un élément de type "filter".
Valeur par défaut : ""
A compléter
reliefref Non reliefId Permet d'appliquer un effet de relief sur le layer, en utilisant un élément "setrelief"
Valeur par défaut : ""
<setrelief reliefid='setrelief1'>
    <relief ... />
</setrelief>
<layer ... reliefref='setrelief1' .../>
blur Non couple (xRadius,yRadius)
x et y compris entre 0 et 32
Permet d'ajouter un effet de "blur" (brouillage) sur le layer
Valeur par défaut : "0,0"
<layer ... blur="5,5" ... />
angle Non Degrés de rotation compris entre -180 et 180 Permet de tourner l'élément selon un angle de rotation compris entre -180 et 180 degrés
Valeur par défaut : "0"
<layer ... angle="-45" ... />
sharpness Non valeur comprise entre 0 et 8 Permet de définir la finesse d'affichage du layer
Valeur par défaut : "0"
<layer ... sharpness="8" .../>
opacity Non Valeur comprise entre 0 et 100 Permet de définir l'opacité du layer
Une valeur de 0 correspond à une invisibilité du layer. 100 au contraire correspond à une visibilité complète du layer.
Valeur par défaut : "100"
<layer ... opacity="20" ... />
shadowref Non shadowId Permet d'ajouter un effet d'ombre sur le layer en utilisant un élément "setshadow".
Valeur par défaut = ""
<setshadow shadowid="shadow1">
    <shadow ... />
</setshadow>
<layer ... shadowref="shadow1" .../>
visible Non always | not-selected | selected Permet de définir la visibilité du layer d'un bouton en fonction de 3 paramètres :
"always" : le layer est toujours visible
"not-selected" : le layer n'est visible que si le bouton n'est pas sélectionné (non survolé)
"selected" : le layer n'est visible que si le bouton est sélectionné (survolé)
Applicable seulement si le layer est utilisé dans un bouton, Obligatoire dans ce cas
<button ... >
    <layer ... visible="not-selected" .../>
    <layer ... visible="selected" ... />
    <layer ... visible='always' .../>
</button>
reactivity Non Contient deux caractères "hexadécimal" : A compléter
<layer ... reactivity="#aa" .../>

Exemples

Exemple 1 (#14) :

Plusieurs exemples de layer de slide et de bouton
Frogans exemple
Code source :
<resdraw resid="resdraw1" size="640,480" figure="roundrect" stroke="off" color="#555555" />
<layer layerid="layer1" leapout="all" resref="resdraw1" align="left-top" pos="0,0"  opacity="100" combine="add"/>

<file fileid="file1" nature="static" name="/images/logo.jpg" cache="on"/>
<resimage resid="resimage1" size="300,200" fileref="file1" aspect="spread"/>
<setshadow shadowid="shadow1">
	<shadow rpos="10,10" color="#FF8000"/>
</setshadow>
<layer layerid="layer2" leapout="all" resref="resimage1" pos="170,200" combine="add" align="center-middle" shadowref="shadow1"/>

<setfont fontid="setfont1">
	<font scripts="default" pfont="112-2-sans-r" height="22" color="#ffffff" />
</setfont>
<restext resid='restext1' size='50,70' orientation='h-ttb-ltr' fontref='setfont1' talign='center'>
	<text>&#x2192;</text>
</restext>
<resdraw resid="resdraw2" size="200,100" figure="rect" stroke="off" color="#1490D7" />
<button buttonid="button1" goto="frogans-site" address="test*helloworld" >
	<layer layerid="layer5" leapout="lead" resref="resdraw2" pos="520,420" combine="clip" opacity="70" visible="not-selected"/>
	<layer layerid="layer7" leapout="lead" resref="resdraw2" pos="520,420" combine="clip" visible="selected" reactivity="#00"/>
	<layer layerid='layer6' leapout='lead' resref='restext1' pos='520,420' combine='add' visible='always'/>
</button>


Liens

Documentation officielle (Spécifications techniques FSDL 3.0)