Fond transparent d'une App flex 3 [Résolu]

rdpdo · 07/04/2008, 13h17

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 !

Jim_Nastiq · 07/04/2008, 14h22

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

rdpdo · 07/04/2008, 14h26

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 !

Jim_Nastiq · 07/04/2008, 14h48

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

rdpdo · 07/04/2008, 16h06

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

Jim_Nastiq · 07/04/2008, 16h49

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é

)
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

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

rdpdo · 07/04/2008, 17h35

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Jim_Nastiq · 07/04/2008, 17h39

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

rdpdo · 07/04/2008, 17h58

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Jim_Nastiq · 08/04/2008, 10h22

tu as bien un param bgcolor

:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

rdpdo · 08/04/2008, 12h12

Salut,

C'est bon merci !

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

Merci encore a++

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et

07/04/2008, 13h17	#1
rdpdo Candidat au titre de Membre du Club Inscription : octobre 2007 Messages : 31 Détails du profil Informations forums : Inscription : octobre 2007 Messages : 31 Points : 11 Points : 11	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 !
	00

07/04/2008, 14h22	#2
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 196 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 196 Points : 3 380 Points : 3 380	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 __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

07/04/2008, 14h48	#4
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 196 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 196 Points : 3 380 Points : 3 380	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 __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

08/04/2008, 10h22	#10
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 196 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 196 Points : 3 380 Points : 3 380	tu as bien un param bgcolor : Code : Sélectionner tout - Visualiser dans une fenêtre à part <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. __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

08/04/2008, 12h12	#11
rdpdo Candidat au titre de Membre du Club Inscription : octobre 2007 Messages : 31 Détails du profil Informations forums : Inscription : octobre 2007 Messages : 31 Points : 11 Points : 11	Salut, C'est bon merci ! J'ai ajouté les balises suivantes pour charger mon flash : Merci encore a++ Code : Sélectionner tout - Visualiser dans une fenêtre à part <PARAM NAME=wmode VALUE=transparent><PARAM NAME=bgcolor VALUE=#FFFFFF> et
	00

07/04/2008, 14h26	#3
rdpdo Candidat au titre de Membre du Club Inscription : octobre 2007 Messages : 31 Détails du profil Informations forums : Inscription : octobre 2007 Messages : 31 Points : 11 Points : 11	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 !
	00

07/04/2008, 16h06	#5
rdpdo Candidat au titre de Membre du Club Inscription : octobre 2007 Messages : 31 Détails du profil Informations forums : Inscription : octobre 2007 Messages : 31 Points : 11 Points : 11	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
	00

07/04/2008, 16h49	#6
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 196 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 196 Points : 3 380 Points : 3 380	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é ) 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 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 __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

07/04/2008, 17h39	#8
Jim_Nastiq Rédacteur/Modérateur Jean-Marie Macé Ingénieur consultant, leader Flex Inscription : avril 2006 Messages : 2 196 Détails du profil Informations personnelles : Nom : Jean-Marie Macé Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Ingénieur consultant, leader Flex Secteur : Conseil Informations forums : Inscription : avril 2006 Messages : 2 196 Points : 3 380 Points : 3 380	et comment instancie tu ton appli flex? utilises tu le fichier template généré par Flex Builder? __________________ Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses Pensez au tag Mon Blog sur la techno Flex Ma page sur Developpez.com Jim_Nastiq
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email