Discussion :

[Invité]

Bonjour, j'ai un problème avec les button en mxml. Je crée un bouton, je ne définis pas les attributs x et y, et quand je compile, le bouton se retrouve placé en haut et centré horizontalement. Alors, je me dis c'est normal, puisque je n'ai pas renseigné x et y. Après je met x et y à 0, je m'attends à ce que le bouton soit en haut à gauche, et il est toujours au même endroit !

Mon code (Main.mxml) :

Code xml :

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

1
2
3
4
5
6
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="650">
 
	<mx:Button id="button1" label="aze" x="0" y="0" />
 
</mx:Application>

Le résultat :


Merci d'avance pour votre aide.
PS: J'utilise FlashDevelop.

[NoSmoking]

Bonjour,
as tu essayé de lui appliquer un style ?

[Invité]

Comme ça ?

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="650">
 
	<mx:Style>
		@namespace mx "http://www.adobe.com/2006/mxml";
		.buttonStyle
		{
			x: 0;
			y: 0;
		}
	</mx:Style>
 
	<mx:Button id="button1" label="aze" styleName="buttonStyle" />
 
</mx:Application>

ça ne change rien.

[tsuji]

D'abord, avec le namespace montré, on entend c'est Flex 3. Alors, on préfère peut-être commencer avec Flex 4 pour être plus à jour?

En restant en v3, on peut le faire de multiple façàn. On peut déclarer un attribut layout="absolute".

Code xml :

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

1
2
3
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="650" layout="absolute">
 	<mx:Button id="button1" label="aze" x="0" y="0" />
</mx:Application>

Ou bien, on fait un positionnement absolu après que le bouton soit créé.

Code xml :

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

1
2
3
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="650">
 	<mx:Button id="button1" label="aze" creationComplete="button1.x=0; button1.y=0;" />
</mx:Application>

Je pense il n'y a pas que deux, qu'il y a plus de façons ne me surprise évidemment pas. Attention est aussi que les choses pourraient être plus compliquées quand on n'a pas qu'un bouton à positionner et à styliser, tout ensemble.

[NoSmoking]

pas sûr que x et y soient des propriétés de style, peut être plutôt paddingLeft et paddingTop.