Discussion :

[Anified]

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

[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)

[Anified]

Pour le XML, aucun pb.

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
 
 <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 :

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

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,

[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

[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.

[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