IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Flex Discussion :

mx:TileList et ItemRenderer [Flex4]


Sujet :

Flex

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 30
    Par défaut mx:TileList et ItemRenderer
    Bonjour à tous,

    J'ai créé un itemrenderer qui se présente de la maniére suivante:
    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
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
     
     
    <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" 
               verticalScrollPolicy="off" 
               horizontalScrollPolicy="off"
               width="120"
               height="150"
               backgroundAlpha="1"
               backgroundColor="#0B6244" xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="onEvent()"
               cornerRadius="11" contentBackgroundColor="#0B6244">
        <mx:Script>
            <![CDATA[
                import mx.controls.Image;
                import mx.core.UIComponent;
     
                import org.osmf.utils.URL;
     
                [Bindable]
                [Embed(source="icon/imagerie/rotate.png")]
                private var rotationArrowClass:Class;
     
                private var _file:File;
                private var _selected:Boolean;
                private var _sauvBMD:BitmapData;
                public var wasScaled:Boolean = false;
                public var deleted:Boolean = false;
     
                [Bindable]
                public var angle:int = 0;
     
     
     
                private function onEvent():void
                {
                    iconCanvas.addEventListener(MouseEvent.RIGHT_CLICK, onRightClick);
                    iconCanvas.addEventListener(MouseEvent.DOUBLE_CLICK, onDoubleClick);
     
     
     
                }
     
     
                private function onDoubleClick(e:MouseEvent):void
                {
                    trace ("Dans dble click")
                    trace("url:" + iconCanvas.source.toString());
     
                    //                var imgFile:File = imgFile.url as File;
                    //                imgFile.openWithDefaultApplication();
                }
     
     
     
                private function rotationImage(e:MouseEvent):void
                {
                    rotate.end();
                    angle += 90;
                    rotate.play();
                }
     
                public function set image(im:BitmapData):void
                {
                    this._sauvBMD=im;
                }
     
                public function get image() :BitmapData
                {
                    return this._sauvBMD;
                }
     
                private function onRightClick(e:MouseEvent):void
                {
                    var menu:NativeMenu = new NativeMenu();
     
                    // Set up copy.  All files can be copied in all circumstances.
                    var copy:NativeMenuItem = new NativeMenuItem("Copier");
                    //copy.addEventListener(Event.SELECT, copyFiles);
                    menu.addItem(copy);
     
                    // Preview
                    var preview:NativeMenuItem = new NativeMenuItem("Visualiser");
                    menu.addItem(preview);
                }
            ]]>
        </mx:Script>
     
        <!--blurX et blurY valeur par défaut = 4-->
        <s:Rotate id="rotate" angleFrom="{angle-90}" angleTo="{angle}" target="{iconCanvas}" autoCenterTransform="true"/>
     
     
     
        <mx:Image id="iconCanvas" width="110" height="110" source="{data.imURL}" verticalAlign="top" horizontalAlign="center" scaleContent="true" rightClick="onRightClick"/>
        <mx:Label text="{data.imTitre}" truncateToFit="true" textAlign="center" fontWeight="bold" bottom="3" left="3" right="3"/>
        <mx:SWFLoader id="rotationArrow" source="{rotationArrowClass}" height="18" width="18" x="3" y="3" visible="true" click="rotationImage(event);" alpha=".5"/>
     
     
    </mx:Canvas>
    Le but étant de présenter des images dans une TileList.

    Lors de l'affichage de ma list, la couleur de fond et l'arrondi ne sont pas visibles.

    Comment faire pour résoudre ce problème.

    Merci par avance pour votre aide.

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    319
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 319
    Par défaut
    je te conseille de créer ton propre canvas, de redéfinir updateDisplayList en utilisant la methode (entre autres) drawRoundRectComplex de la propriété graphics du Canvas...
    allez au boulot!

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 30
    Par défaut
    Merci de cette piste tout fonctionne.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 05/12/2008, 11h17
  2. Pb Drag & Drop entre 2 TileList
    Par Marco94 dans le forum Flex
    Réponses: 2
    Dernier message: 16/05/2008, 23h14
  3. Tree d'un itemRenderer maximisé en taille
    Par Sergejack dans le forum Flex
    Réponses: 1
    Dernier message: 24/04/2008, 16h38
  4. List dataProvider et itemRenderer
    Par Watier_53 dans le forum Flex
    Réponses: 12
    Dernier message: 16/04/2008, 11h43
  5. tilelist affiche de beaucoup d'image
    Par greatalain dans le forum Flex
    Réponses: 2
    Dernier message: 08/12/2007, 13h38

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo