Discussion :

[TheWinch]

Bonjour,

Je suis en train de développer un lecteur de flux de caméra, et j'ai un petit pb de data binding. J'ai 2 composants, un lecteur de flux MJPG et une image "améliorée" (code en fin de post pour la lisibilité) :

• Le lecteur change sa propriété lastImage chaque fois qu'une nouvelle image est disponible, et génère un événement ReaderEvent.
• Mon image "améliorée" dérive de mx:image, elle utilise un Loader pour précharger et décoder l'image générée par le reader et éviter ainsi le clignottement.

Ce que je voudrais pouvoir écrire :

Code :

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

1
2
<my:CameraReader id="reader" host="..." port="..."/>
<my:EnhancedImage id="img" source={reader.lastImage} />

où img fournit un setter (voir plus bas le code) qui va se charger de donner les data au Loader au lieu de les envoyer directement à l'image.

Seulement voilà... ça ne fonctionne pas. Je n'ai rien qui s'affiche, il semble que le dataBinding ne se fasse pas. Si par contre je n'override pas le setter de img.source, mais que je crée une nouvelle property publique dataSource (code du setter identique, juste remplacer source par dataSource), ça fonctionne. Bien sur, si j'intercepte le ReaderEvent (cf code) et que je fais le chargement à la main, ça fonctionne.

Quelqu'un a une idée ?


---------------
Reader.as :

Code :

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

1
2
3
4
5
6
7
8
9
 
[Bindable]
public var lastImage: ByteArray = null;
 
....
 
var event: ReaderEvent = new ReaderEvent( image );
lastImage = image;
dispatchEvent( event );

EnhancedImage.mxml :

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
<mx:Image ...>
    <mx:Script>
        <![CDATA[
            private var _loader: Loader = new Loader();
            override public function set source( dataSource: Object ):void
            {                
                if( null != dataSource && dataSource is ByteArray )
                {
                    var array: ByteArray = dataSource as ByteArray;
                    if( array.bytesAvailable > 0 )
                        _loader.loadBytes( array );    
                }
            }
 
            private function onBytesLoaded( e:Event ): void
            {
                this.data = _loader.content;
            }
        ...

[bonnafb]

certainement parce qu'il manque qq infos pour le binding :

Code :

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

1
2
3
4
5
[Bindable]
override public function get source():String
{
          return super.source;
}

[bonnafb]

oups c'était le GET, pour le SET

Code :

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

1
2
3
4
override public function set source(value:Object):void
{
 super.source = value;
}

en fait, dans ton code on ne sait pas ce que contient la source

[TheWinch]

Code :

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

1
2
3
4
override public function set source(value:Object):void
{
 super.source = value;
}

en fait, dans ton code on ne sait pas ce que contient la source

Justement, ce n'est pas ce que je veux faire. Ce que je veux, c'est que si la source est un ByteArray, au lieu de faire un super.source = source, je délègue le chargement à un Loader.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
override public function set source( value: Object ):void
{                
    if( null != value && value is ByteArray )
    {
        var array: ByteArray = value as ByteArray;
        if( array.bytesAvailable > 0 )
            _loader.loadBytes( array );    
        }
    }
    else
       super.source = value;
}

Sauf que pour un mystère mystérieux, ça ne fonctionne pas. Il faudrait que je rajoute un getter déclaré [Bindable] ?