XML --> Liste d'images horizontale

Version imprimable

29/06/2008, 18h35
Anified

XML --> Liste d'images horizontale

Salut,

Je cherche à afficher une liste d'images dans un panel (toutes ont la même taille, + défilement uniquement horizontal).

Les images doivent avoir en dessous un mot (légende).

J'ai essayé d'utiliser plusieurs codes issus du net, mais je n'ai rien trouvé de concluant ... je bloque je viens à peine de débuter le MXML.

Savez-ou je peux trouver un code qui fait ça svp ?

Merci d'avance
30/06/2008, 09h18
Jim_Nastiq

salut ,

dans ton titre tu parles de XML et pas dans ton post... n'hesites pas à détailler ton probleme et surtout nous montrer les pistes que tu as déjà explorées(avec des bouts de code) ;)

Pour le XML, aucun pb.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 <employees> 
     <employee> 
         <titre>Image1</titre> 
        <photo url="photo.jpg"/> 
     </employee> 
     <employee> 
        <name>Image2</name> 
        <photo url="photo.jpg"/> 
    </employee> 
    <employee> 
        <name>Prénom NOM</name> 
        <photo url="photo.jpg"/> 
    </employee>
    <employee> 
        <name>Prénom NOM</name> 
        <photo url="photo.jpg"/> 
    </employee> 
</employees>

Voici le code MXML, pour la partie "images", il fonctionne, le problème est que les images sont affichées à la suite, mais pas sur la même ligne (ce que j'aimerais c'est une box qu'on peut défiler uniquement horizontalement.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
    <mx:Panel id="employeesPanel" title="Sélectionnez votre photo">
        <mx:TileList dataProvider="{employees.employee}" width="500" height="300" horizontalCenter="center">  
            <mx:itemRenderer>  
                    <mx:Component>                                             
                    <mx:VBox verticalGap="2">
                                <mx:Image source="{data.photo.@url}"  width="100" height="100" />              
                                <mx:Label text="{data.name}" />
                     </mx:VBox>                 
                </mx:Component>  
             </mx:itemRenderer>  
        </mx:TileList> 
    </mx:Panel>

Merci beaucoup pour votre réponse,

30/06/2008, 10h32
Jim_Nastiq

la VBox , empile des composant verticalement, la HBox elle le fait horizontalement. Regarde déjà de ce coté. Et ce ne 'est pas ton renderer qui doit etre dans une Hbox, mais ta TileList je pense ;)
30/06/2008, 17h50
Anified

Ca ne change rien en fait,

Le problème est le même, les items sont réorganisés dans la boîte, et le défilement est vertical, et non horizontal.
01/07/2008, 09h36
Jim_Nastiq

:? qu'a tu tenté niveau code? parce que je viens de tester ton bout de code en linkant moi meme un fichier XML et les images s'affiche horizontalement... ou alors j'ai pas compris ton soucis
01/07/2008, 09h39
Anified

Les images s'affichent bien horizontalement, mais il y'a un retour à la ligne dans la boîte (tous les 5 ou 6), mais j'aimerais qu'il n'y en ai pas et qu'il y'ait un scrollbar horizontal pour défiler.

Merci bcp
01/07/2008, 10h25
Jim_Nastiq

je n'ai pas beaucoup utilisé le composant TileList, quand j'aurais un moment je regarderais ;)

j'ai déjà produit ce comportement simplement avec une HBox et des addchild, ce qui fonctionnait , cela doit être possible avec une tileList je suppose
01/07/2008, 14h10
Anified

A mon avis il doit d'agir dun Panel qu'il faut modifier ?

Par ex pour lui forcer la taille verticale, et lui forcer le défilement horizontal ?
01/07/2008, 20h52
Jim_Nastiq

bon j'ai regardé sur la language reference et en fait le composant TileList a une propriété maxRows et maxColumns. En l'occurence, c'est en fixant maxRows à 1 que tu as le comportement souhaité...

Je te conseil vivement de jeter un oeil sur le langage reference lorsque tu recherches un comportement particulier, car Adobe une documentation de qualité ou il est facile de s'y retrouvé ;)
01/07/2008, 21h13
Anified

Merci, mais j'avais déjà essayé "maxRows" mais cela ne change rien, c'est bien le Panel qui "gère" la disposition des items, il me semble.
02/07/2008, 12h25
Jim_Nastiq

as tu regardé le composant HorizontalList ?
03/07/2008, 10h04
Anified

Merci, voici le code que j'ai utilisé:

<mx:HorizontalList rowCount="1" horizontalScrollPolicy="auto" verticalScrollPolicy="off" dataProvider="{employees.employee}" width="500" horizontalCenter="center" direction="horizontal" enabled="true">

Ca m'affiche bien une seule ligne, par contre, toutes les autres cases sont ignorées.
03/07/2008, 10h09
Jim_Nastiq

Citation:

Envoyé par Anified

par contre, toutes les autres cases sont ignorées.

Hein? quelles cases???:aie:
03/07/2008, 10h23
Anified

Par case je voulais dire les image (donc une image + le texte en dessous).

Voila une image qui montre le problème: si je fixe le nombre de lignes à 1, les autres sont ignorées (le but est qu'il y'ait une Scrollbar horizontal avec tous les items affichés horizontalement) --> http://img503.imageshack.us/my.php?image=testtj1.jpg
03/07/2008, 10h41
Jim_Nastiq

http://blog.flexexamples.com/2008/02...llist-control/
03/07/2008, 12h25
Anified

Merci beaucoup, çà marche à 100% !