Fond transparent d'une App flex 3

Version imprimable

07/04/2008, 13h17
rdpdo

Fond transparent d'une App flex 3

Bonjour,

J'ai une Application flex 3 dont j'ai skinné le fond avec un .png. Mon .png est arrondi sur les coins, et transparent au fond.

Mais lorsque je skinne l'application flex, lorsque je lance l'application sous IE le fond n'est pas transparent (il reste gris...)

Si je mets le alpha a 0% pour l'appli, tout devient transparent (et non seulement ce qui est derrière le fond).

Savez vous comment je peux faire pour avoir le fond transparent (autour des arrondis de mon image de fond png??)

Merci !
07/04/2008, 14h22
Jim_Nastiq

tu appliques bien le png a ton application flex?
quand tu fais ceci tu obtiens quoi exactement ? sous FireFox ca fonctionne n'est ce pas?
je pense que cela vient de IE car IE 6 ne gere pas la transparence des png

sinon joue sur le backgroundAlpha et non sur l'alpha de l'application ;)
07/04/2008, 14h26
rdpdo

Hello,

Non ca ne fonctionne ni sous Firefox ni sous IE.... Les contours sous les coins arrondis sont gris...

Pour appliquer mon image de fond a mon aplli flex, je me place en mode design, et dans l'onglet "borderSkin" je charge mon .png.

J4ai essayé avec la fonction background mais c'est le meme probleme :(

Merci !
07/04/2008, 14h48
Jim_Nastiq

ok mais je ne vois pas bien ce que tu souhaites obtenir... si tes coins sont transparent quel résultat souhaites tu obtenir?? ton application s'ouvre dans un browser donc si tu met une page internet transparente tu auras le fond du browser (blanc) . Si tu veux une couleur particulière il faut placer une variable de compilation a ton application flex pour changer la couleur de fond(par defaut c'est un gris bleuté) ou alors taper en dur dans la page HTML qui instencie l'objet Flash et dans les parametre tu modifies bgcolor
07/04/2008, 16h06
rdpdo

Hello,

Mon flash est chargé dans un gadget windows vista, j'aimerais donc que les contours soient transprents pour faire plus joli et eviter le gris de l'appli flex autour du gadget vista.

Donc je ne veux pas de couleur particuliere, je veux juste que les motifs qui se trouvent derriere l'appli flex soient visibles dans les coins arrondis...

Merci :)
07/04/2008, 16h49
Jim_Nastiq

pour avoir fait quelques trucs avec les gadgets vista, je me rappel que MS a créé 3 balises HTML spécifique pour gérer la transparence des png(d'ailleurs c'est plutot mal géré :D)
je suppose que tu utilise les balises <g:background> <g:image> et <g:text> si mes souvenirs sont bons , non?

la transparence est a mon avis un probleme html et non flex :roll:

PS: pour info(tu as du t'en appercevoir) l'alpha n'est géré que a 0% ou a 100% par les gadgets Vista :aie:

Hello,

Ok merci pour ces infos, je vais donc essayer de modifier le "style" de mon fichier HTML qui charge le flash :)

J'y connais pas grand chose je vais regarder ca de plus pres :)

Voici le style que j'utilise pour le fond de ma page html qui charge le flash :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <style> body { width:130; height:295; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; <= ICI je dois changer kk chose peut etre ? } </style>
J'ai essayé "background-color : transparent" mais ca marche pas... je vais chercher ;)
Merci encore.

07/04/2008, 17h39
Jim_Nastiq

et comment instancie tu ton appli flex? utilises tu le fichier template généré par Flex Builder?

hello,

Non pour charger mon fichier flex j'utilise un fichier html (celui chargé par le gadget vista). Le flash est chargé dans un body en dynamique parce que je dois d'abord récuperer des valeurs enregistrées dans le system.init du gadget (non marquées ci-dessous) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<html>
<style>
body {
    width:130;
    height:295;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
input {
    background : #000;
    border : 1px solid #666;
    color : #ccc;
    padding : 0;
    margin : 0;
}
</style>
<script src="gadget.js" language="javascript" type="text/javascript"></script>
<script>
function refresh()
{
  span = document.getElementById('content');
  span.innerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="JiwaPlayer" width="129" height="295" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"><param name="movie" value="JiwaPlayer.swf"><param name="quality" value="high"><param name="bgcolor" value="#869ca7"><param name="allowScriptAccess" value="sameDomain"><embed src="JiwaPlayer.swf" quality="high" bgcolor="#869ca7" width="129" height="295" name="JiwaPlayer" align-"middle" play="true" loop="false" quality="high" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></embed></object>';
 
}
 
function init()
{
		refresh();
}        
</script>
<body onload="init()">
<OBJECT id="mediaPlayer" width="0" height="0" 
	style="position:absolute; left:0;top:0;"
	CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
	type="application/x-oleobject">	
	<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
	<PARAM NAME="AutoStart" VALUE="False">
	<PARAM NAME="uiMode" VALUE="invisible">
</OBJECT>
<span id="content">
</body>
</html>

08/04/2008, 10h22
Jim_Nastiq

tu as bien un param bgcolor ;) :

Code:

<param name="bgcolor" value="#869ca7">

ce paramètre modifie la couleur de "fond"(différent du background) , on apercoit cette couleur notamment lors du chargement de l'appli flex(gris bleuté par défaut). et si tu modifie ce param pour avoir une couleur précise tu pourras simuler une transparence.
08/04/2008, 12h12
rdpdo

Salut,

C'est bon merci !

J'ai ajouté les balises suivantes pour charger mon flash :

Merci encore a++

Code:

<PARAM NAME=wmode VALUE=transparent><PARAM NAME=bgcolor VALUE=#FFFFFF>

et