Creation de composant

Version imprimable

20/02/2009, 09h02
Kefass

Creation de composant
Hop ! A peine ma derniere question résolu qu'un nouveau problème m'apparait !

Je cherche à créer un composant personnalisé. Pour ce faire je cherche à récuperer les proriété existente.

si je fais <monComposant height="100" x="200" y="200" />, comment puis les récuperer dans mon code ?

J'ai tenté :
Code:

1 2 3 4 public class monComposant extend Canvas{ public var int hauteur:int =height; }
Mais cela n'a pas l'air de fonctionner :)

A noter que les coordonnées sont directement prise en compte : sans toucher au code, mon composant se retrouve bien en (200,200).
20/02/2009, 09h26
Jim_Nastiq

tu hérites du Canvas tu as donc déjà cette mécanique.

dans ton composant AS tu peux simplement utiliser le code ci dessous, sinon il te faut créer des getter/setter

Code:

this.height
20/02/2009, 09h44
Kefass
Effectivement c'est plus logique comme ca ... mais du coup j'ai gagné un message d'erreur !

"Accès à la propriété height peut être non définie, via la référence de type static Class."

Pour info, mes imports sont :
Code:

1 2 3 4 5 6 7 import flash.diplay.*; import flash.text.*; import mx.containers.Canvas; import mx.controls.Label; import mx.core.UIComponent;
20/02/2009, 09h46
Jim_Nastiq

peux tu mettre le code de ta classe ?

ma classe as :

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
 
// ActionScript file
 
package test{
 
 
import flash.display.*;
 
import flash.text.*;
 
 
 
import mx.containers.Canvas;
 
import mx.controls.Label;
 
import mx.core.UIComponent;
 
 
 
public class Charts extends Canvas{
 
 
 
 
 
	public var tailleX:int = this.height;
 
	public var tailleY:int = 300;
 
	public var coodX:int = 0;
 
	public var coodY:int = 0;
 
 
 
	public var ordonee:String = "test";
 
	public var color1 = "0x00FF00";
 
 
 
 
 
	public function monComposant(){
 
 
 
		var fond:Sprite;
 
		fond = new Sprite(); 
 
 
 
		fond.graphics.beginFill(0xFFFFFF);
 
		fond.graphics.drawRect(coodX, coodY, tailleX, tailleY);				
 
		fond.graphics.beginFill(color1);
 
		fond.graphics.moveTo(30,30);
 
		fond.graphics.lineTo(100,30);
 
 
 
		var regularObject:UIComponent;
 
       		regularObject = new UIComponent();
	        regularObject.addChild(fond);
 
 
 
		this.addChild(regularObject);
 
 
 
	}
 
 
 
}
 
}

mon mxml :

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
 
 
 
<?xml version="1.0" encoding="utf-8"?>
 
<mx:Application
 
	 xmlns:mx="http://www.adobe.com/2006/mxml" 
 
	 xmlns:test="test.*"
 
	 layout="absolute">
 
 
 
		<mx:Script>
 
		<![CDATA[
 
			import test.Charts;	
 
			import test.ComboBoxPerso;		
 
			import test.ShapeExample;
 
		]]>
 
	</mx:Script>
 
 
 
	<test:Charts x="86" y="10" width="472" height="404"/>
 
 
 
</mx:Application>

Désolé d'etre aussi long, mais le ocde n'est pas sur un pc relié à mon réseau :p (carte réseau HS !)

20/02/2009, 10h41
Jim_Nastiq

je t'invite à étudier le fonctionnement des classes du framework Flex, tu comprendras d'une part mieux son fonctionnement et tu pourras créer plus facilement tes composants qui héritent d'un composant du framework.

pour ton probleme tu fais appel à la propriété height directement à la déclaration de ta variable membre... alors qu'elle n'est meme pas encore initialisée.

ah oui, c'est vraiment le truc bete ...

Ben euh ... Merci !

Edit :

En fait, y a encore quelque chose qui me dérange. Dans le mxml, je positionne mon composant en x = 100.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
	public var tailleX:int ;
	public var tailleY:int = 300;
	public var coodX:int = 0;
	public var coodY:int = 0;
	public function monComposant(){
 
                trace("coordonée x : "+ this.x);  // Me retourne 0
                this.x= 400;
                trace("coordonée x : "+ this.x);  // Me retourne 400
 
		var fond:Sprite;
		fond = new Sprite(); 
		fond.graphics.beginFill(0xFFFFFF);
		fond.graphics.drawRect(coodX, coodY, tailleX, tailleY);				
	        fond.graphics.beginFill(color1);
		fond.graphics.moveTo(30,30);
		fond.graphics.lineTo(100,30);
		var regularObject:UIComponent;
       		regularObject = new UIComponent();
	        regularObject.addChild(fond);
		this.addChild(regularObject);
	}

Mais euh ?! pourquoi le 1er trace me retourne 0?!