flex 点击按钮图片切换

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>

<![CDATA[

import mx.controls.*;

private var num:int;

private function pic(direction:String):void{

if(direction == 'next'){

this.num++;

if (this.num >= xmlPic.pic.length()){this.num = xmlPic.length()-1;}

}

if(direction == 'prev'){

this.num--;

if(this.num < 0){this.num = 0;}

}

myimg.load(xmlPic.pic[num].@path);//这一句也可这样写 myimg.load((xmlPic.children())[num].@path);

}

]]>

</mx:Script>

<mx:XML id="xmlPic" source="data/pic.xml" />

<mx:Panel horizontalCenter="0" width="400" height="300">

<mx:Canvas horizontalCenter="0" width="100%" height="100%">

<mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">

<mx:Image id="myimg" width="158" height="120" source="{xmlPic.pic[0].@path}"/>

<mx:HBox>

<mx:Button id="prev" label="上一张" click="pic('prev')"/>

<mx:Button id="next" label="下一张" click="pic('next')"/>

</mx:HBox>

</mx:VBox>

</mx:Canvas>

</mx:Panel>

</mx:Application>

xml文件pic.xml

<?xml version="1.0" encoding="utf-8"?>

<pics>

<pic name="图1" path="assets/small/1.jpg"/>

<pic name="图2" path="assets/small/2.jpg"/>

<pic name="图3" path="assets/small/3.jpg"/>

<pic name="图4" path="assets/small/4.jpg"/>

<pic name="图5" path="assets/small/5.jpg"/>

<pic name="图6" path="assets/small/6.jpg"/>

<pic name="图7" path="assets/small/7.jpg"/>

<pic name="图8" path="assets/small/8.jpg"/>

</pics>