flex 点击按钮图片切换

原创 2008年09月28日 18:04:00
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3. <mx:Script>
  4.     <![CDATA[
  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.     ]]>
  19. </mx:Script>
  20. <mx:XML id="xmlPic" source="data/pic.xml" />
  21. <mx:Panel horizontalCenter="0" width="400" height="300">
  22.         <mx:Canvas horizontalCenter="0" width="100%" height="100%">
  23.         <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">            
  24.             <mx:Image id="myimg" width="158" height="120" source="{xmlPic.pic[0].@path}"/>  
  25.             <mx:HBox>
  26.                 <mx:Button id="prev" label="上一张" click="pic('prev')"/>      
  27.                 <mx:Button id="next" label="下一张" click="pic('next')"/>
  28.             </mx:HBox>          
  29.         </mx:VBox>          
  30.         </mx:Canvas>        
  31.     </mx:Panel>     
  32. </mx:Application>
 
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>
 

 

 

ImageButton单击切换图片效果

转载请标明: http://blog.csdn.net/u012637501     我们平时在使用手机app时,常常会发现当我们按下某个按钮时相应按钮会发生变化,当我们松手时又恢复了原来的样子...
  • u012637501
  • u012637501
  • 2015年05月12日 12:34
  • 2646

【WPF】XAML实现按钮背景图片的点击切换

RadioButton点击切换自身背景图片。
  • qq_18995513
  • qq_18995513
  • 2017年01月09日 19:22
  • 1210

NGUI 3.5教程(五)按钮-图片的切换

我们接着上一个例子,做一个按钮的图片切换。类似于
  • chenggong2dm
  • chenggong2dm
  • 2014年05月13日 15:49
  • 18921

点击左右按钮切换图片功能可以增强

  • 2013年05月17日 11:16
  • 40KB
  • 下载

VB.NET背景图片点击按钮切换效果

  • 2013年05月28日 00:49
  • 1.42MB
  • 下载

点击按钮实现图片的切换

这是一个简单的小的DEMO , 关于点击按钮用于实现图片的切换, 重要的就是里面的关于逻辑的处理, 在以后图片轮播的技术上关于逻辑的处理和这个类似java代码import android.app.Ac...
  • han478270575
  • han478270575
  • 2015年12月16日 19:27
  • 283

类型为image的input标签,鼠标点击切换按钮背景图片

input标签生成的按钮,使用图片作为按钮背景,鼠标点下时切换背景图片,鼠标松开时,回到默认背景图片。使用的背景图片如下: 效果图: $(function(){ //"打开...
  • sum__mer
  • sum__mer
  • 2016年08月11日 17:53
  • 996

点击按钮切换相应的内容,可用于转换图片

/*forget-key*/ .forget_p{ border-bottom:1px solid #ff5599; padding-bottom:6px; padding-top:10px;} ...
  • chun123457
  • chun123457
  • 2012年12月12日 10:39
  • 182

用 JS 点击左右按钮 使图片切换 - 最精简版

实用的图片切换 --> body,ul,li { padding:0; margin:0} ul,li { list-style:none} .img-scroll,.img-scro...
  • boyit0
  • boyit0
  • 2014年08月20日 13:38
  • 659

按钮点击切换背景图片(两种情况)

在项目开发中经常会有一些按钮需要点击切换背景图片的,也就是所谓的选中状态一般我们用到的切换方法如下 UIButton * but = [[UIButton alloc]initWithFrame:CG...
  • TangLXCY
  • TangLXCY
  • 2016年06月07日 11:25
  • 449
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex 点击按钮图片切换
举报原因:
原因补充:

(最多只允许输入30个字)