cargar desde un boton una imagen

[sadalsuud]

Hola tengo una duda es en flex 4, verán: lo que quiero es que cuando de clic en un boton me cargue una imagen que tengo del PC, todo está en modo local, nada de servidores ni php nada de eso, que me cargue la imagen en un SkinnableContainer

mi codido:

Código AS:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:sinc="sinergia.componentes.*"
               xmlns:sinb="sinergia.base.*" minWidth="955" minHeight="600"
               cachePolicy="off" alpha="1.0" backgroundColor="#FFFFFF">
    
    
    <fx:Script>
        <![CDATA[
            import mx.controls.Image;
            //import sinergia.skins.SHGroupSkin;
            //import sinergia.skins.SVGroupSkin;
            public function crearImagen():void{
                var ruta:String = "C:\Documents and Settings\Duende\Mis documentos\Mis imágenes\twitter-caido.png";
                var img:Image = new Image();
                //img.measuredHeight = 500;
                //img.measuredWidth = 500;
                //addChild(img);
                addElement(img);
                img.source = ruta;
            }
            
        ]]>
    </fx:Script>
    
    <s:layout>
        <s:BasicLayout />   
    </s:layout>
    
    
    <s:SkinnableContainer
        left="10" top="10">
        <s:layout>
            <s:HorizontalLayout gap="10"/> 
        </s:layout>
        <s:VGroup>
            <s:Button label="Imagen" click="crearImagen()" skinClass="skinboton"/>  
        </s:VGroup>
        
    </s:SkinnableContainer>
    
    
</s:Application>
 

Usando addChild para agregar la imagen al contenedor me sale ese mensaje:

Error: addChild() is not available in this class. Instead, use addElement() or modify the skin, if you have one.
at spark.components.supportClasses::SkinnableComponen t/addChild()[E:\dev\4.0.0\frameworks\projects\spark\src\spark\c omponents\supportClasses\SkinnableComponent.as:103 8]

pero entonces, si primero uso addElement que es un metodo que recibe objetos de cuyas clases implementen la interfaz IVisualElement la cual implementa UIComponent.

Image viene de: Image -> SWFLoader -> UIComponent
segun: http://help.adobe.com/en_US/FlashPla...ols/Image.html

Entonces por herencia deberia tambien poder usar ese metodo y no me da problemas de compilacion, solo que cuando le doy clic al boton, me aparece un logo como cuando falta una imagen.

Me pregunto si tiene que estar la imagen en algun directorio en especial en mi proyecto.

Por otro lado, si uso addChild tendria que usar Skinparts verdad? lo que no quiero, pues la idea seria agregar otros elementos como videos, otros botones, labels, pulsando botones.

Ayuda... gracias de antemano

[juZt]

porque no intentas con los mx buttoms, son los clasicos que deja colocar icono para el boton, yo tuve un problema parecido pero lo resolvi pasando los <s:buttons a <mx:buttons