星期三, 7月 14, 2010

Flex: set the image source in CSS

可以在Flex中將Image的source設定在CSS中,這樣就可以很方便、很動態的透過CSS來換圖片。
首先,先在CSS中加入下列的code:

.myImageSource
{
myPicOne: Embed(source="../Assets/mypic1.png");
myPicTwo: Embed(source="../Assets/mypic2.png");
}

然後,再到Flex中將Image修改一下:

myImage.styleName = 'myImageSource';
myImage.source = myimage.getStyle(mypicone);

或是在mxml中

<mx:Image id="myImage" styleName="myImageSource" source ="{myimage.getStyle('myPicOne')}" />

設定好後,妳就可以在CSS中換Image的圖了,如下:

myImage.source = myImage.getStyle("myPicTwo");

不過,如果是要動態的換CSS的話那這方法就行不通了
比如一開始是載入a.css,要動態換成b.css的話,因為Flex在一開始並不會自動把b.css所有的圖都embed進來,所以切換的時候,b.css中的myPicTwo會跑不出來喔。

文章來源:Can I set the image source in CSS?

沒有留言: