Discussion :

[sanstenarios]

Salut,

j'initialise un list component aec un flux xml et je cherche à modifier l'apparence de la 'list'

j'ai trouvé
myList.setRendererStyle("textFormat", tf);

mais je ne sais pas comment modifier les choses suivantes :
- le padding des cellules
- supprimer le contour des cellules

au début j'avais ajouté un list component sur une scène, avec un nom d'instance, mais lui appliquer setRendererStyle renvoie une erreur de syntaxe. Je l'ai donc créé en as3.

Et puis tant qu'on y est, est ce que je peux afficher une image dans une liste de ce type ?

Merci de vos lumières.

[sanstenarios]

je m'oriente maintenant vers un dataGrid component, plus adapté à ce que je veux faire mais je cherche toujours comment modifier l'apparence des cellules, notamment supprimer les bords...

[oniric]

regarde la doc de adobe au niveau des styles pour la datagrid en elle meme: http://livedocs.adobe.com/flex/3/lan...l#styleSummary

et pour les cellules : http://livedocs.adobe.com/flex/3/lan...l#styleSummary
sur les cellules tu peux modifier le padding comme tu le desires

quand au contour je n'ai pas trop regardé mais je pense que dans l'un ou lautre tu pourra trouver ton bonheur aussi

(utilise une css si tu veux le faire pour toutes tes datagrids ca sera plus pratique et plus propre)

sinon si tu veux le faire directement en mxml pour modifier un style tu met directement le nom du style ="valeur" ca marche, tu as la completion sur flexbuilder (ctrl + espace)


et pour placer une image dans une datagrid voici un exemple qui vient directement d'un de mes codes simplifiés:

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
 
<mx:DataGrid> 
/*.... */
/* ....declaration de ma colonne ....  */
<mx:DataGridColumn  editable="false" rendererIsEditor="false">
  <mx:itemRenderer>
	<mx:Component>
	      <mx:Image source="@Embed(source='../../ressources/monimage.png')" horizontalCenter="true" horizontalAlign="center" verticalAlign="middle" verticalCenter="true" click="mafonctionclic(event)"
buttonMode="true"  width="10" height="10" />
	 </mx:Component>
  </mx:itemRenderer>
 
</mx:DataGridColumn>
 
/* ... */
</mx:DataGrid>

si tu veux plus d'info regarde dans la doc les differents elements utilisés (datagridcolumn, component, itemrenderer etc, et les exemples, ils sont tres bien fait. à l'epoque c'est comme ca que j'ai compris une fois que l'on m'a montré les elements) : http://livedocs.adobe.com/flex/3/langref/index.html

si tu veux le faire en as3, c'est quasiement identique. tu crée une datagrid et tu lui rajoute des fils datagridcolumn qui possede un header qui possede un composant etc )

Bon courage, j'espere t'avoir un peu aidé

[sanstenarios]

Salut,

oui ça m'aide un peu dans le sens ou j'ai moins l'impression d'etre seul. Mais j'ai parcouru un peu toutes ces docs sans m'en sortir vraiment, je dois chercher un truc qui n'existe pas et je loupe l'essentiel.

J'ai trouvé comment modifier le style de la liste dans l'interface auteur. Maintenant je cherche comment ajouter du html image ou texte dans les cellules du datagrid sans passer par l'utilisation d'une classe.

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
var myDP : DataProvider; 
 
function afficherActu():void {
    var actuXmlList:XMLList = xmlActu.article;
 
    //formatage de la cellule de texte
    var tf:TextFormat = new TextFormat();
    tf.font = myBienvenue.fontName;
    tf.size = 14;    
 
    var c1:DataGridColumn; 
    c1 = new DataGridColumn("Infos");
 
    c1.width = 50;
    c1.cellRenderer = "htmlCellRenderer";
    actuGrid_mc.addColumn(c1); 
}

et là comment je fais pour ajouter dans les cellules de cette colonne une image dont la source est définie par actuXmlList[index].logo

Là, la réponse vaut des points !!

[santana2006]

Bonjour tout le monde,

Je cherche comment utiliser le composant List de iReport, avec des données xml

comment le faire ?