可以在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?
沒有留言:
張貼留言