Discussion :

[Gaaaga]

Bonjour,


Alors, GROS probleme, je definis un component avec un cornerradius et border etc mais les elements a l'interieur de ce component ne prennent pas en compte ce cornerradius (je trouve ca tout bonnement hallucinant)

Quelqu'un a une solution a ce probleme fort desagreable ???

Mon code :

<mx:VBox verticalScrollPolicy="off" width="100%" cornerRadius="20" dropShadowEnabled="true" dropShadowColor="#000000" borderStyle="solid" borderThickness="0.5" backgroundColor="#FFFFFF">

<mx:VBox height="100" backgroundColor="#C2C4C9"/>

</mx:VBox>

c'est le background qui pose soucis, sans backGround, no soucy.. hallucinant qd meme !!!!

[Jim_Nastiq]

Salut,

dans ton exemple(d'ailleurs utilise la balise code pour afficher du code c'est tres rapidement illisible!), tu donnes le style dans la balise mxml donc il s'applique a ton composant mxml VBox... ce n'est pas la meilleur facon de faire.

Il faut savoir que le MXML est une surcouche qui est en fait ensuite traduite en AS3 , donc tout ce que tu peux faire en MXML est faisable en AS3 , le soucis du MXML c'est que finalement on peut avoir l'impression de confondre les évènements,des styles et des propriétés(3 choses différentes).

je te conseille donc d'utiliser une feuille de style ou bien directement la balise style dans ton code mxml,

cet exemple toutes tes VBox seront du meme style si tu veux des différences utilise la la propriété styleName :

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
 
<mx:Style>
VBox{
	cornerRadius:20;
	dropShadowEnabled:true; 
	dropShadowColor:#000000;
	borderStyle:solid; 
	borderThickness:0.5; 
	backgroundColor:#FFFFFF;
}
</mx:Style>
<mx:VBox verticalScrollPolicy="off" width="100%" >
 
<mx:VBox height="100" />
 
</mx:VBox>

[Sthocs]

Salut,
J'ai également eu des problèmes avec le cornerRadius, des fois il est bien pris en compte, des fois non... Ca dépend des autres attributs présents sur l'objet j'ai l'impression.

[Gaaaga]

Hello !!!

Merci pour les infos et conseils que je vais suivre a la lettre.. Par contre, j'ai adapte mon code avec le style et le probleme est tjs le meme : si les elements contenus n'ont pas le meme backgroundcolor, le cornerRadius n'est pas "cascade"

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
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
VBox{
	cornerRadius:20;
	dropShadowEnabled:true; 
	dropShadowColor:#000000;
	borderStyle:solid; 
	borderThickness:0.5; 
	backgroundColor:#000000;
}
</mx:Style>
<mx:VBox verticalScrollPolicy="off" height="100%" width="100%">
 
<mx:HBox height="100" width="100%" backgroundColor="#ffffff"/>
 
<mx:HBox height="100" width="100%" backgroundColor="#000000"/>
 
</mx:VBox>	
</mx:WindowedApplication>

[Jim_Nastiq]

ton élèment enfant est un HBox donc il ne prend pas en compte les propriétés de style du parent forcement...


essai ceci :

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
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
VBox{
	cornerRadius:20;
	dropShadowEnabled:true; 
	dropShadowColor:#000000;
	borderStyle:solid; 
	borderThickness:0.5; 
	backgroundColor:#000000;
}
HBox{
	cornerRadius:20;
}
</mx:Style>
<mx:VBox verticalScrollPolicy="off" height="100%" width="100%">
 
<mx:HBox height="100" width="100%" backgroundColor="#ffffff"/>
 
<mx:HBox height="100" width="100%" backgroundColor="#000000"/>
 
</mx:VBox>	
</mx:WindowedApplication>

[Gaaaga]

Merci pour le trick Nastik, mais ca ne marche tjs pas comme je le voudrais...

Le hic, c'est que j'ai bien le cornerRadius, mais j'en ai "trop" :



Comme on peut le voir entre les 2 hbox, il me met un cornerRadius que je ne veux pas, je voudrais une ligne droite entre les 2...