如何使用Flex NumericStepper

最新推荐文章于 2014-10-20 13:47:27 发布

最新推荐文章于 2014-10-20 13:47:27 发布 · 129 阅读

文章标签：

#Flex #XML

General Controls -- Visual Components -- Flex 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用 Flex 中的 NumericStepper 控件来创建数值选择器。通过两个实例展示不同配置下的控件使用方式，包括设置最小值、最大值、步长及初始值。


<?xml version="1.0"?>
<!-- Simple example to demonstrate the NumericStepper control. -->
<!--
	如何使用Flex NumericStepper
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Panel title="NumericStepper Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10">

        <mx:Text width="100%" color="blue"
            text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
        <mx:NumericStepper/>

        <mx:Text width="100%"  color="blue"
            text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>

        <mx:NumericStepper id="ns" 
            minimum="10.00" maximum="40.00" 
            stepSize="0.01" 
            value="20.00" 
            width="65"/>

        <mx:Label  color="blue" text="You selected {ns.value}"/>

    </mx:Panel>
</mx:Application>