设置NumericStepper组件每次点击调节的步长.
stepSize 属性的学习.示例：
代码：
<?xmlversion="1.0"encoding="utf-8"?>
<!--http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/-->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:ApplicationControlBardock="true">
<mx:FormstyleName="plain">
<mx:FormItemlabel="stepSize:">
<mx:HSliderid="slider"
minimum="1"
maximum="10"
value="1"
snapInterval="1"
tickInterval="1"
liveDragging="true"/>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:NumericStepperid="numericStepper"
minimum="0"
maximum="100"
stepSize="{slider.value}"/>
</mx:Application>
也可以通过自定义组件来完成：
comps/MyComp.as文件
<!--http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/-->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:ApplicationControlBardock="true">
<mx:FormstyleName="plain">
<mx:FormItemlabel="stepSize:">
<mx:HSliderid="slider"
minimum="1"
maximum="10"
value="1"
snapInterval="1"
tickInterval="1"
liveDragging="true"/>
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:NumericStepperid="numericStepper"
minimum="0"
maximum="100"
stepSize="{slider.value}"/>
</mx:Application>
也可以通过自定义组件来完成：
comps/MyComp.as文件
/**
*http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/
*/
packagecomps{
importmx.containers.ApplicationControlBar;
importmx.containers.Canvas;
importmx.containers.Form;
importmx.containers.FormItem;
importmx.controls.HSlider;
importmx.controls.NumericStepper;
importmx.core.Application;
importmx.events.SliderEvent;
publicclassMyCompextendsCanvas{
publicvarappControlBar:ApplicationControlBar;
publicvarform:Form;
publicvarformItem:FormItem;
publicvarslider:HSlider;
publicvarnumericStepper:NumericStepper;
publicfunctionMyComp(){
super();
init();
}
publicfunctioninit():void{
slider=newHSlider();
slider.minimum=1;
slider.maximum=10;
slider.value=1;
slider.snapInterval=1;
slider.tickInterval=1;
slider.liveDragging=true;
slider.addEventListener(SliderEvent.CHANGE,slider_change);
formItem=newFormItem();
formItem.label="stepSize:";
formItem.addChild(slider);
form=newForm();
form.styleName="plain";
form.addChild(formItem);
appControlBar=newApplicationControlBar();
appControlBar.dock=true;
appControlBar.addChild(form);
Application.application.addChildAt(appControlBar,0);
numericStepper=newNumericStepper();
numericStepper.minimum=0;
numericStepper.maximum=100;
addChild(numericStepper);
}
privatefunctionslider_change(evt:SliderEvent):void{
numericStepper.stepSize=evt.value;
}
}
mxml文件：
*http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/
*/
packagecomps{
importmx.containers.ApplicationControlBar;
importmx.containers.Canvas;
importmx.containers.Form;
importmx.containers.FormItem;
importmx.controls.HSlider;
importmx.controls.NumericStepper;
importmx.core.Application;
importmx.events.SliderEvent;
publicclassMyCompextendsCanvas{
publicvarappControlBar:ApplicationControlBar;
publicvarform:Form;
publicvarformItem:FormItem;
publicvarslider:HSlider;
publicvarnumericStepper:NumericStepper;
publicfunctionMyComp(){
super();
init();
}
publicfunctioninit():void{
slider=newHSlider();
slider.minimum=1;
slider.maximum=10;
slider.value=1;
slider.snapInterval=1;
slider.tickInterval=1;
slider.liveDragging=true;
slider.addEventListener(SliderEvent.CHANGE,slider_change);
formItem=newFormItem();
formItem.label="stepSize:";
formItem.addChild(slider);
form=newForm();
form.styleName="plain";
form.addChild(formItem);
appControlBar=newApplicationControlBar();
appControlBar.dock=true;
appControlBar.addChild(form);
Application.application.addChildAt(appControlBar,0);
numericStepper=newNumericStepper();
numericStepper.minimum=0;
numericStepper.maximum=100;
addChild(numericStepper);
}
privatefunctionslider_change(evt:SliderEvent):void{
numericStepper.stepSize=evt.value;
}
}
mxml文件：
<?xmlversion="1.0"encoding="utf-8"?>
<!--http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/-->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:comps="comps.*"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<comps:MyCompid="myComp"/>
</mx:Application>
来自：http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/ 优质内容筛选与推荐>>
1、使用PHP开发HR系统（6）
2、解决本地文本文件上传到服务器乱码问题（C#），ANSI转UTF-8编码
3、敏捷开发过程
4、js_RGB转16进制(rgb2hex)
5、linux面试题
<!--http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/-->
<mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:comps="comps.*"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<comps:MyCompid="myComp"/>
</mx:Application>
来自：http://blog.flexexamples.com/2008/05/16/setting-the-step-size-on-a-numericstepper-control-in-flex/ 优质内容筛选与推荐>>
1、使用PHP开发HR系统（6）
2、解决本地文本文件上传到服务器乱码问题（C#），ANSI转UTF-8编码
3、敏捷开发过程
4、js_RGB转16进制(rgb2hex)
5、linux面试题