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 ?

[samy2525]

Bonjour, étant donné que ton panel est une pop up pourquoi tu n'utilise pas TitleWindow il a les mêmes caractéristique de la Panel du coup tu pour le creer tu peux utiliser le popManager comme suit :

Code :

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

1
2
3
var individualInfoTW : IndividualInfoTW = IndividualInfoTW (PopUpManager.createPopUp(DisplayObject(Application.application), IndividualInfoTW , true));
 
PopUpManager.centerPopUp(individualInfoTW );

voila bon courage

Samy

[ouaqa]

J'avais déjà essayé avec une TitleWindow mais pas en l'appelant de la sorte.
Ça n'a pas marché hélas, et j'ai toujours le même problème.

Je pense que ça pourrais venir de la séparation horizontale du popup (que ce soit via un HBox ou HDividedBox).

En attendant de trouver la réponse, j'ai viré ce séparateur et mes informations sont affichées de façon verticale dans une seule VBox.
C'est moins sexy mais je n'ai plus ce problème d'affichage.
Comme on dis, "c'est pas une popup qui va nous emm#rder" ...

Merci pour votre aide et si je trouve la solution, j'en ferais part ici.
Si vous avez d'autres suggestions, je suis preneur.