`
strugglesMen
  • 浏览: 111939 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

flex embed标签的使用(一)

阅读更多
在FLEX里,你能够插入不同类型的资源,你能够插入PNG,JPEG,GIF文件格式的图片,SWF文件,以及MP3,SVG文件.下面我们来介绍如何插入文件;   
1插入图片:
这个实例是用[Embed]标签在你的的程序里插入图片。 它用[Bindable]标签绑定为一个AS类,这样就可以绑定在图片控件的SOURCE属性中。你可以绑定这个类于任合用图片的属性中。例如按钮的ICON属性
源文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Script>
       <![CDATA[
           [Embed(source="assets/001.png")]
           [Bindable]
           public var logo:Class
       ]]>
    </mx:Script>
    <mx:Image id="myLogo" source="{logo}"/>
</mx:Application>

你能够用@Embed在你的FLEX程序中插入图片

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="200" height="200">
    <mx:Image source="@Embed(source='assets/002.png')"/>
</mx:Application>


图片使用the 9-slice scaling feature
在你的FLEX插入图片时,你可以自由缩放图片。用the 9-slice scaling feature,这四个角的图形大小不变,只是改变横,竖方向的大小。
下面的例子,用scaleGridTop,scaleGridBottom,scaleGridLeftandscaleGridRight网格线定位属性,创建你的9-slice scaling grid.
源文件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="400" height="480">
    <mx:Script>
       <![CDATA[
           [Embed(
               source="assets/bk.jpg",
               scaleGridTop="100",scaleGridBottom="120",
               scaleGridLeft="150",scaleGridRight="266"
              
           )]
           [Bindable]
           public var aImage:Class
       ]]>
    </mx:Script>
    <mx:Image source="{aImage}" width="146" height="82"/>
    <mx:Image source="{aImage}" width="266" height="150"/>
    <mx:Image source="{aImage}" width="325" height="183"/>
   
</mx:Application>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics