Discussion :

[muaddibx]

Bonjour,

Débutant sur flash Builder 4, j'essaie de refaire une application précédemment écrite en javascript/dojo. Je rencontre donc un soucis au niveau de la taille de mon application.

En fait, la page de login s'affiche très bien, et même si je la crée trop grande pour la résolution de l'écran, une scrollbar apparait pour faire défiler le contenu.
Par contre, quand je change d'état, et que j'arrive sur la page de l'application en elle-même, l'écran n'affiche que ce dont il a la place d'afficher, sans scrollbar, et en zappant tout le reste.

J'aurais souhaité savoir comment remédier à ce problème.

Merci d'avance pour vos éclaircissements.

[Invité]

Tu peux choisir une taille dans ta balise <mx:Application>

et ensuite dans tes modules tu peux mettre en largeur 100% et hauteur 100%.

J'espère que ça peux t'aider !

[muaddibx]

J'ai essayé ta solution, mais ca ne fonctionne pas, hélas.

Pour le moment, je tente de créer un bordercontainer qui englobe toute l'application, et ce pour chaque état. Je vais lui mettre une scrollbar vertical et voir ce que ca donne, mais je doute un peu du résultat :p

En tout cas, merci de ton aide, et bonne aprem!

[Madfrix]

Bonjour,

il faut que tu crée un scroller sur le conteneur parent du composant qui te pose soucis

[muaddibx]

Un petit point sur l'avancement.

Donc j'ai bien utilisé le composant Scroller, comme conseillé. De plus, j'ai récupéré les dimensions de la scène pour adapter le scroller à la taille du navigateur.

La prochaine étape sera d'adapter le scroller en cas de changement de taille du navigateur. J'ai cru voir quelques bouts de codes par-ci par-là, j'espère que ca posera pas plus de soucis que ca

Voici mes explications en script:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<s:Application ....... >

<!-- au début d'une de mes fonctions d'initialisation de l'application, j'ai mis les 2 lignes suivantes: -->
	monscroll.height=stage.stageHeight;
	monscroll.width=stage.stageWidth;

	<s:Scroller id="monscroll" height="500" width="500" >
		<s:Group>
<!-- le scroller englobe tous mes composants -->
		</s:Group>
	</s:Scroller>
</s:Application>

[Madfrix]

Bonjour,

place plutot un scroller dans le skin de ton Application autour du skinPart contentGroup et mets ton scroller non pas en pixels mais en pourcentage

[muaddibx]

Hello,

donc, comme tu me l'as conseillé, Madfrix, j'ai inséré mon scroller dans le skin de l'application. Même si cela n'a rien vraiment changé, c'est sure que ca fait plus clean.

Sinon, j'ai un ptit bug au niveau de l'affichage horizontal; pour le scrolling/affichage vertical, tout va au mieux.

En gros, quand je remanie la taille du browser, les 2 scrollbars apparaissent, et s'adaptent comme il faut. Mais mon image ce centre horizontalement, et je ne peux bouger ma scrollbar qu'à droite, le coté gauche étant inaccessible (sauf si on agrandit la fenêtre). Je comprends pas trop d'où ca peut venir.

Voici le code de mon event listener, pour adapter la taille du scroller:

Code :

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

1
2
3
4
5
 
	public function resizeHandler(event:Event):void {
		SkinContainer.width = stage.stageWidth;
		SkinContainer.height = stage.stageHeight;
	}

[Madfrix]

J'ai pas tout saisi dans ton explication, mais si un coté de ta scrollabar "disparait" c'est probablement du a la propriété "maxWidth" définie sur Application.

Si tu réduis une fenetre à 500px avec un maxWidth défini sur 955px (défaut) alors ta scrollabar va s'effacer sur un coté

[muaddibx]

En fait, la Hscrollbar s'affiche correctement sur toute la longueur (calée a gauche); c'était surtout que le centre de mon image se calait à gauche de la fenêtre, et je ne pouvais donc faire défiler que la partie droite.

Et donc maintenant, après quelques bidouillages de width et Height, quand je diminue la taille du browser, le bord gauche de mon application se cale bien à gauche, mais la scrollbar horizontal n'apparait plus

Enfin, pour répondre à ton message, je n'ai pas mis de maxHeight/width, juste quelques mini par-ci par-là :p