Discussion :

[ouaqa]

Bonjour à tous,

Dans le cadre d'une application en cours de développement, je rencontre un problème bête et frustrant de mise en page d'un panel en tant que popup.

Le panel se compose de deux canvas séparés via un composant HDividedBox.

Le panel n'affiche que la moitié des canvas, bien que toutes les tailles soient définies à 100%.

voici le code du composant, si quelqu'un à la moindre suggestion, je suis preneur. L'erreur doit être bête mais je ne la trouve pas.

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
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
86
87
88
89
90
91
<mx:Panel 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="vertical"
	width="100%"
	height="100%"
	verticalAlign="middle"
	title="details"
	resize="{onResize(event)}"
	resizeEffect="{resizeEffect}">
	<mx:Script>
		<![CDATA[
			import mx.managers.PopUpManager;
			import View.ViewManagement ;
 
			private function onResize(event : Event) : void
			{ PopUpManager.centerPopUp(this); }
		]]>
	</mx:Script>
 
	<mx:Resize
		id="resizeEffect">		
	</mx:Resize>
 
	<mx:HDividedBox id="popupVerticalDivBox"
		width="100%"
		height="100%"
		autoLayout="true">
 
		<mx:Canvas id="leftBox"
			width="100%"
			height="100%">
 
			<mx:VBox id="leftVBox"
				width="100%"
				height="100%">
 
				<mx:Image id="fullSizeEye"
					autoLoad="true"
					horizontalAlign="center"   
					maxWidth="340"
					maxHeight="300"
					width="100%"
					height="100%">
				</mx:Image>	 
 
				<mx:Canvas id="individualInfo_canvas"  
					width="100%" 
					height="100%" 
					borderColor="#B7BCB7" 
					themeColor="#FF2000" 
					borderStyle="solid" 
					backgroundColor="#FCFBD8">
				</mx:Canvas>			
			</mx:VBox>		
		</mx:Canvas>
 
		<mx:Canvas id="rightBox"
			width="100%"
			height="100%">
			<mx:Form id="fCreationData"
				width="100%"
				height="100%">
				<mx:FormItem id="fiAuthor"
					width="100%">
					<mx:TextInput id="inAuthor">
					</mx:TextInput>
				</mx:FormItem>
 
				<mx:FormItem id="fiCreationDate"
					width="100%">
					<mx:TextInput id="inDate"
						width="100%">
					</mx:TextInput>
					<mx:DateChooser id="dateSelector"
						width="100%">						
					</mx:DateChooser>
				</mx:FormItem>
			</mx:Form>
		</mx:Canvas>
	</mx:HDividedBox>
 
	<mx:ControlBar
		id="panelControlBar">
		<mx:Button 
			id="Close_Picture" 
			label="Close Picture"   
			click="{ViewManagement.setProbe()}" >
		</mx:Button>	
	</mx:ControlBar>
 
</mx:Panel>

[Jim_Nastiq]

Salut,

alors si j'ai bien compris tu souhaites avoir 2 Canvas dans un Panel, et qu'à l'affichage de ton Panel, l'espace soit occupé par un seul de tes 2 canvas, c'est bien cela?
Dans ton exemple tu déclares les 2 canvas à 100% en largeur, ce qui fait que les canvas se partage la zone de façon égal. il te faut déclarer l'un à 90% et l'autre à 10% par exemple.

[alain31tl]

Bonjour

Etrange, car en vue design (flex3), les 2 s'affichent et se répartissent uniformément l'espace du panel.
D'ailleurs ton datechooser s'affiche en entier.
Peut-être utile de jeter un oeil au container qui accueille justement ce panel.

[ouaqa]

Merci pour vos réponses, je vais regarder plus en détails le DateChooser en effet.

Jim, je cherche à afficher les deux Canvas en même temps, l'un à côté de l'autre.
D'habitude, en mettant la largeur à 100% pour chacun, cela reviens au même que mettre 50%.

Dans la vue design, tout s'affiche niquel mais pas dans l'application, le Panel ne fait que la moitié de la taille requise pour afficher correctement les deux Canvas contenus dans le HDividedBox. D'ailleurs, ça reviens a même si j'utilise un conteneur HBox classique.

Plus d'infos demain ...

[alain31tl]

...Dans la vue design, tout s'affiche niquel mais pas dans l'application....

C'est précisément ce que je te suggérais ci-dessus.
C'est la partie ( de ton applic) qui reçoit ton composant panel qui doit être revue.
Ton panel n'a pas de problème.

[ouaqa]

Désolé de ne pas avoir répondu plus tôt.
Mon problème est que ce Panel est un popup, appelé via le popupManager.

Code :

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

popupInfo =	PopUpManager.createPopUp(Application.application.MODEView_canvas , individualInfoPopup , true ) as individualInfoPopup ;

Je suis "obligé" ensuite d'ajouter divers éléments au popup via la methode popupInfo.addChild(someDisplayObject).
Ceci dit, le panel devrais mettre à jour sa taille automatiquement quand même non ?