Pessoal, procurei no fórum uma solução para o que desejo mas não achei.
Bem, num descritor, podemos adicionar um parâmetro transparency e definir o nível de transparência de uma mídia. Na ginga-ncl vm 0.10.1 funciona blz. Só achei estranho que, quanto menor o valor, mais transparente fica. Eu entendo assim: 0% seria nada de transparência, logo, a imagem fica normal, 100% seria totalmente transparente. Mas é o contrário. Alguém explica isso?
Então, o que desejo é, usando esse parâmetro, definir um efeito de fade em uma imagem, fazendo com que ela inicie totalmente transparente e vá aparecendo gradualmente. Sei que pra isso posso criar âncoras na imagem e criar um link para cada uma delas para "setar" o valor do atributo transparency, porém, isso não funciona para o mesmo. Funciona para outros atributos como bounds. Alguém sabe dizer como resolver isso? Pois imagino que meu código está correto, pois uso o mesmo conectar para alterar o valor de bounds em cada uma das âncoras que criei na imagem. Segue o código abaixo:
O conector no arquivo de conectores:
<causalConnector id="onBeginSetN">
<connectorParam name="var"/>
<simpleCondition role="onBegin"/>
<simpleAction role="set" value="$var"/>
</causalConnector>
O código NCL principal:
...
<descriptor id="dImg1" region="rImg1" explicitDur="30s">
<descriptorParam name="transparency" value="10%"/>
</descriptor>
...
<media id="img1" src="foo.jpg" descriptor="dImg1">
<property name="transparency"/>
<property name="bounds"/>
<area id="a1" begin="4s" end="5s"/>
<area id="a2" begin="5s" end="6s" />
...
</media>
<link xconnector="connBase#onBeginSetN">
<bind component="img1" role="onBegin" interface="a1" />
<bind component="img1" role="set" interface="transparency">
<bindParam name="var" value="25%"/>
</bind>
</link>
<link xconnector="connBase#onBeginSetN">
<bind component="img1" role="onBegin" interface="a1" />
<bind component="img1" role="set" interface="bounds">
<bindParam name="var" value="60%,60%,20%,20%"/>
</bind>
</link>
<link xconnector="connBase#onBeginSetN">
<bind component="img1" role="onBegin" interface="a2" />
<bind component="img1" role="set" interface="transparency">
<bindParam name="var" value="50%"/>
</bind>
</link>
<link xconnector="connBase#onBeginSetN">
<bind component="img1" role="onBegin" interface="a2" />
<bind component="img1" role="set" interface="bounds">
<bindParam name="var" value="65%,65%,15%,15%"/>
</bind>
</link>
Autor: Manoel Campos da Silva Filho
33 comentários
<ncl id="imgFade2" xmlns="http://www.ncl.org.br/NCL3.0/EDTVProfile">
<head>
<transitionBase>
<transition id="tFade" type="fade" dur="2s" startProgress="0" endProgress="1" />
</transitionBase> <regionBase>
<region id="rTela" width="640" height="480">
<region id="rImg1" width="100%" height="100%" />
</region>
</regionBase>
<descriptorBase>
<descriptor id="dImg1" region="rImg1" explicitDur="5s" transIn="tFade" transOut="tFade" />
</descriptorBase>
</head> <body>
<port id="pInicio" component="img1" />
<media id="img1" src="foo.jpg" descriptor="dImg1" />
</body>
</ncl>