Discussion :

[viking1404]

Bonjour,

mon titre est assez évocateur mais, je vais développer un peu plus.

Je crée dans une fenètre une dataGrid à laquelle j'ajoute une scroll bare verticale.
Je voudrais augmenter la largeur de cette scroll bare.

D'après mes recherches je vais devoir redéfinir l'objet scroll mais, je ne sais pas comment faire.
A moins qu'il n'existe une autre solution ^^

Merci.

[Jim_Nastiq]

Salut,

tu veux augmenter la partie visible ou bien tu veux augmenter la taille de l'ascenseur (la partie "grab") de ta barre?

[viking1404]

Je veux augmenter la largeur de toute la bare.
Cela comprend donc, les flèches "haut / bas", la bare en elle même, le "grab" comme tu l'appelle.

Avec d'autre bibliothèques graphique j'avais réussis, cela me faisait des boutons "haut / bas" rectangle un peu moche mais, cela n'est pas un problème

[Jim_Nastiq]

tu veux donc skinner les scrollbar. Pour cela tu peux le faire via CSS: voici les propriétés que tu peux/dois modifier :

downArrowDisabledSkin:
downArrowUpSkin:
downArrowOverSkin:
downArrowDownSkin:
upArrowDisabledSkin:
upArrowUpSkin:
upArrowOverSkin:
upArrowDownSkin:
thumbDownSkin:
thumbUpSkin:
thumbOverSkin:
trackSkin:

il suffit pour la plupart de faire correspondre une image:

Code :

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

downArrowDisabledSkin:Embed(source="/assets/scrollbar/downArrow.png");

[viking1404]

Ca ne fonctionne pas. Du moins, mon interprétation de ta réponse ne fonctionne pas

J'ai donc continué mes recherches et j'ai fini par trouver quelque chose qui fonctionne.
Je montre mon code, au cas ou d'autres personnes auraient le même problème que moi :

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
 
<?xml version="1.0" encoding="utf-8"?>
 
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#A1CCED, #FFFFFF]" width="1024" height="600">
 
	<mx:Style>
 
		.customDropdown 
		{
    		vertical-scroll-bar-style-name:myCustomVertScroll;
		}	
 
		.myCustomVertScroll 
		{
			/*
				les fichiers que j'utilise ne sont que des carré de couleur
				il est tout a fait possible de faire plus joli mais, de cette manière on comprend qui fait quoi
			*/
    		up-arrow-up-skin:Embed(source="rouge.png");
    		up-arrow-down-skin:Embed(source="rouge.png");
    		up-arrow-over-skin:Embed(source="orange.png");
    		up-arrow-disabled-skin:Embed(source="rouge.png");
 
    		down-arrow-up-skin:Embed(source="vert.png");
    		down-arrow-down-skin:Embed(source="vert.png");
    		down-arrow-over-skin:Embed(source="bleu.png");
    		down-arrow-disabled-skin:Embed(source="vert.png");
 
                track-skin:Embed(source="jaune.png");
 
                thumb-up-skin:Embed(source="violet.png", scaleGridLeft="4", scaleGridTop="4", scaleGridRight="26", scaleGridBottom="26");
    		thumb-over-skin:Embed(source="violet.png", scaleGridLeft="4", scaleGridTop="4", scaleGridRight="26", scaleGridBottom="26");
    		thumb-down-skin:Embed(source="violet.png", scaleGridLeft="4", scaleGridTop="4", scaleGridRight="26", scaleGridBottom="26");
    		thumb-disabled-skin:Embed(source="violet.png", scaleGridLeft="4", scaleGridTop="4", scaleGridRight="26", scaleGridBottom="26");
		}
 
	</mx:Style>	
 
	<mx:DataGrid width="902" height="444" fontSize="20" textAlign="center" selectedIndex="0" styleName="customDropdown">
 
		<mx:columns>
			<mx:DataGridColumn headerText="Libelle" dataField="Libelle"/>
			<mx:DataGridColumn headerText="Millesime" dataField="Millesime"/>
			<mx:DataGridColumn headerText="Contenance" dataField="Contenance"/>
			<mx:DataGridColumn headerText="Couleur" dataField="Couleur"/>
		</mx:columns>
 
		<mx:ArrayCollection>
 
			<mx:Array>
				<mx:Object Libelle="chateau 0" Millesime="millesime 0" Contenance="contenance 0" Couleur="couleur 0"/>
				<!--
					il faut rajouter d'autres objets pour avoir une dataGrid complete
				-->
			</mx:Array>
 
		</mx:ArrayCollection>
 
	</mx:DataGrid>
 
</mx:WindowedApplication>

ps : pour ceux qui se posent la question : mon dataGrid rempésente des bouteilles de vins