前段时间用到了NumericStepper,是一个数字显示组件,可以定义最大值和最小值以及步幅等信息,通过点击向上或向下按钮来空竹数字的增减.但是,没有提供到了最大值之后再点击向上则调到最小值的循环的功能.于是自己通过坚挺click事件的方式将这个功能实现了,但是总感觉不够完美,或者有什么更好的实现方式,请大家借鉴,提意见,大家共同进步!!
首先,定义一个NumericStepper,可以用mxml或者as两种方式,这里是通过as的方式,代码如下:
var houreNS:NumericStepper=new NumericStepper(); houreNS.maximum=23; houreNS.minimum=0; houreNS.stepSize=1; houreNS.value=0; houreNS.addEventListener(MouseEvent.CLICK,nsClickedHandler);
接下来是这个功能的实现的精髓所在,click时间的处理方法.
处理方法前面的nsChangFlag用来保存点击的状态,到达最大值或者最小值时会将它变成true,在到达最大值之后再点击变大,则会调到最小值循环;减小道理相同.
private var nsChangFlag:Boolean = false; private function nsClickedHandler(e:MouseEvent):void { if(e.target is Button) { //NumericStepper中两个小按钮的第一个子组件的名称分别是upArrowSkin和downArrowSkin var btnSkin:String = (e.target as Button).getChildAt(0).name; if(btnSkin == "upArrowSkin") { if(e.currentTarget.value==e.currentTarget.maximum) { if(nsChangFlag) { e.currentTarget.value=e.currentTarget.minimum; nsChangFlag = false; }else{ nsChangFlag = true; } } } else if(btnSkin == "downArrowSkin") { if(e.currentTarget.value==e.currentTarget.minimum) { if(nsChangFlag) { e.currentTarget.value=e.currentTarget.maximum; nsChangFlag = false; }else{ nsChangFlag = true; } } } } }
挺简单的代码和功能,请勿见笑,欢迎提出宝贵改进意见.
相关推荐
flex中dataGrid导出数据到excel中,不存在乱码问题
flex图表展示数据源码
抓取AMF协议的flex页面,支持模拟登录和页面抓取。
这是一个关于flex4与后台数据进行交互的内容,个人感觉还不错的。
使用 ADOBE FLEX 45访问数据 目录 第 1 章: 访问数据服务概述 Flex 与其它数据访问技术的比较 使用 Flash Builder 访问数据服务 数据访问组件 第 2 章: 使用 Flash Builder 构建以数据为中心的应用程序 创建 Flex...
flex中经常需要xml格式的文件。通过后台asp.net的处理可以将数据库中读取的文件转化为xml格式。这是再传递给前端的flex中的tree控件作为数据源。
flex中文帮助flex中文帮助flex中文帮助flex中文帮助
flex与PHP后台数据交互的学习小记,Flex与后台交互的方法
Flex DataGrid从XML文件中加载数据
flex4+Myeclipse9.0集成环境下从MySql数据库取出数据通过DataGrid组建显示在flex页面。
Flex与java交换数据 Flex数据交换 Flex与java交换数据教程。
Flex 中的元数据标签的用法和详细介绍
flex数据绑定的原理
flex读取xml乱码的解决方法
Flex 本地数据共享与压缩存储,因为flex本地共享空间存储数据有限,在面对大数据,如xml或大数组存储时,我们可能要考虑对数据进行压缩后再存;本类以xmllist 数据为例来进行压缩存储;
flex中文帮助文档flex中文帮助文档
Flex+J2EE获取FlexSession的方法
Flex中加载SWF方法,介绍了flex 对 swf 加载和处理
flex最大的优点就是支持与java后台数据交互,所以能够广泛应用在各种应用系统上,例如说中国移动网管系统就大量应用了flex拓扑图,三围展示等
这个就相当于flex的CSS2.0帮助文档 详细的告诉你flex中每个样式的使用方法