Discussion :

[adilou1981]

Bonjour,

J'ai un toggle button bar contenant un ensemble de bouttons comme suit

Code :

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

1
2
3
<mx:ToggleButtonBar id="menu"			
	itemClick="clickButton(event)"
	styleName="myToggleButtonBarStyle"/>

Le style appliqué est:

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
	<mx:Style>
		.myToggleButtonBarStyle {
 
			button-style-name: "buttons";   
			vertical-center:0;
 
		}
 
	.buttons { 
 
		text-selected-color: #14476c;
		text-roll-over-color: #14476c;
		up-skin: Embed(source="/phase_grey.png");
		over-skin: Embed(source="/phase_blue.png");
		down-skin: Embed(source="/phase_blue.png");
		selected-up-skin: Embed(source="/phase_blue.png");
		selected-over-skin: Embed(source="/phase_blue.png");
		selected-down-skin: Embed(source="/phase_blue.png");
 
		padding-left:45;
		padding-right:30;
 
		}
	</mx:Style>

Mon problème est que quand j'ai un text long il s'affiche en entier sur une seule ligne ce qui fait que la largeur du bouton grandit. Comme mes boutons sont des images, donc ils se déforment. Pour résoudre cela j'ai pensé à ffichier mon texte sur plusieurs lignes sans affecter la largeur de mon bouton. Comment faire?

Merci d'avance

[yoyolepsy]

Bonjour,

Je n'ai pas eu occasion d'utiliser le label d'un bouton sur plusieurs lignes. Peut-être ce lien pourra te renseigner plus :


http://flexrays.wordpress.com/2007/0...-for-a-button/

Je l'avais trouvé mais ne m'en suis jamais servi

[jylaxx]

Comme mes boutons sont des images, donc ils se déforment.

Dans ce cas il faut peut-être utiliser le 9 slice scaling.

http://livedocs.adobe.com/flex/3/htm...t=embed_4.html

[clavier12AZQSWX]

euh....par hasard tu as essayé d'écrire ton texte avec des \n dedans ?
Pour les labels et bcp d'autres choses ça fonctionne !

[jylaxx]

euh... par hasard tu es certain d'avoir réussi à écrire plusieurs lignes dans un Label ?

Parce que la doc dit :
The Label control displays a single line of noneditable text. Use the Text control to create blocks of multiline noneditable text.

Tu peux me donner la liste des objets qui gèrent le multi-lignes au niveau des labels ?

[clavier12AZQSWX]

si c'est possible !

n'as-tu pas essayer ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="charger()">
<mx:Script>
	<![CDATA[
		public function charger():void{
		truc.text="ligne 1\nligne2\nligne3";	
		}
 
	]]>
</mx:Script>
	<mx:Label id="truc" x="104" y="39" text="rien"  width="113" height="95"/>
 
</mx:Application>

oh bas mince alors ! ça fonctionne !

[jylaxx]

Si, si j'ai essayé (il est rare que je ne vérifie pas avant d'affirmer qq chose !)

Sur ce coup là tu aurais du aller plus loin dans tes explications

En effet si la valeur est affectée en mxml, ça ne fonctionne pas, le \n n'est pas interprété. Il faut donc soit l'affecter en AS, soit faire un bind sur la propriété text. Il faut avoué que pour un Label le mxml est le plus souvent utilisé.

D'autre part l'un des intérêts de Flex est l'ajustement automatique des composants en fonction de leur contenu. Or dans tous les cas le Label ne se redimensionne pas en hauteur, il faut lui indiquer une hauteur explicitement.

Donc aucun intérêt pour Label puisqu'il existe Text.

Par contre j'ai essayé avec d'autres composants et le label est toujours sur une seule ligne, alors ce serait sympa de me donner un autre exemple plus constructif

[clavier12AZQSWX]

Par contre j'ai essayé avec d'autres composants et le label est toujours sur une seule ligne, alors ce serait sympa de me donner un autre exemple plus constructif

ça marche aussi pour les textes dans un datagrid ou une List.

j'ai pas essayé d'autres contrôles encore...

des fois faut jouer avec WordWrap et des fois avec "VariousRowheight"(je sais plus le nom exacte de la propriété)

[jylaxx]

ça marche aussi pour les textes dans un datagrid ou une List.

Oui effectivement puisqu'il y a des propriétés pour le gérer explicitement !!

des fois faut jouer avec WordWrap et des fois avec "VariousRowheight"

Il n'y a rien d'aléatoire la dedans.

Les deux propriétés font référence à des éléments précis et sont en partie liées.
wordWrap ne fait rien si variableRowHeight=false.