flex 点击按钮图片切换

2019-04-15 16:49发布

站内文章 / PIC单片机
15977 0 1796
  1. "1.0" encoding="utf-8"?>
  2. "http://www.adobe.com/2006/mxml" layout="absolute">
  4.     
  5.         import mx.controls.*;
  6.             private var num:int;
  7.             private function pic(direction:String):void{
  8.                 if(direction == 'next'){
  9.                     this.num++;
  10.                     if (this.num >= xmlPic.pic.length()){this.num = xmlPic.length()-1;}
  11.                 }
  12.                 if(direction == 'prev'){
  13.                     this.num--;
  14.                     if(this.num < 0){this.num = 0;}
  15.                 }       
  16.                 myimg.load(xmlPic.pic[num].@path);//这一句也可这样写 myimg.load((xmlPic.children())[num].@path);
  17.             }
  18.     ]]>
  20. "xmlPic" source="data/pic.xml" />
  21. "0" width="400" height="300">
  22.         "0" width="100%" height="100%">
  23.         "100%" height="100%" horizontalAlign="center" verticalAlign="middle">            
  24.             "myimg" width="158" height="120" source="{xmlPic.pic[0].@path}"/>  
  25.             
  26.                 "prev" label="上一张" click="pic('prev')"/>      
  27.                 "next" label="下一张" click="pic('next')"/>
  28.                       
  29.                   
  30.                 
  31.          
  xml文件pic.xml
  1. xml version="1.0" encoding="utf-8"?> 
  2. <pics>
  3.     <pic name="图1" path="assets/small/1.jpg"/>
  4.     <pic name="图2" path="assets/small/2.jpg"/>
  5.     <pic name="图3" path="assets/small/3.jpg"/>
  6.     <pic name="图4" path="assets/small/4.jpg"/>
  7.     <pic name="图5" path="assets/small/5.jpg"/>
  8.     <pic name="图6" path="assets/small/6.jpg"/>
  9.     <pic name="图7" path="assets/small/7.jpg"/>
  10.     <pic name="图8" path="assets/small/8.jpg"/>
  11. pics>
     

热门文章