`
truelove12358
  • 浏览: 77589 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Flex数字选择器控件NumericStepper

 
阅读更多

Flex数字选择器控件NumericStepper主要用于对数字的选择操作,允许用户从有序集中选择编号,控件包括一个单行输入文本字段和一对用于逐一显示可能值的箭头按钮。还可使用向上箭头键和向下箭头键遍历这些值。

源码如下:

<?xml version="1.0"?>

<!-- Simple example to demonstrate the NumericStepper control. -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

height="206" width="409">

<mx:Panel title="NumericStepper Control Example"

height="158" width="342" paddingTop="10"

paddingLeft="10" layout="absolute">

<mx:NumericStepper minimum="1950" maximum="2010"

y="10" x="11.75" value="1990" id="year" maxChars="4"/>

<mx:NumericStepper x="117.75" y="10" minimum="1"

maximum="12" id="month" value="5" maxChars="2"/>

<mx:NumericStepper x="206.25" y="10" minimum="1"

maximum="31" id="day" value="8" maxChars="2"/>

<mx:Label x="90.75" y="10" text="年" fontSize="12"/>

<mx:Label x="183.25" y="10" text="月" fontSize="12"/>

<mx:Label x="271.25" y="10" text="日" fontSize="12"/>

<mx:Label x="10" y="40" width="283.25" height="25" fontSize="12"

text="你选择了{year.value}-{month.value}-{day.value}"/>

<mx:Label x="10" y="73" text="精确到小数部分:"

fontSize="12"/>

<mx:NumericStepper x="108" y="73" stepSize="0.1"

value="1.5" id="ns"/>

<mx:Label x="183" y="75" fontSize="12" text="值是:{ns.value}"/>

</mx:Panel>

</mx:Application>

其中minimum属性和maximum属性分别用来设置NumericStepper选择范围的最小值和最大值,value属性可以用来设置控件的默认值也可以用来获取控件的选择项的值,stepSize用来设置控件每次变化范围的步长。maxChars属性用来设置字段中可以输入的字符数,0 值表示可以输入任意数目的字符,默认值是0

分享到:
评论

相关推荐

    flex 样式选择器

    这个选择器允许开发者以声明式的方式定制控件的样式,从而实现丰富的视觉效果和交互体验。Flex框架是基于ActionScript和MXML的,主要用于构建富互联网应用程序(RIA)。 在Flex中,样式选择器提供了对组件样式属性...

    flex多文件上传控件(flex源码)

    开发者可能需要编写事件监听器来处理选择文件、开始上传、上传进度和完成上传等事件。 在使用这个Flex多文件上传控件时,开发者需要考虑以下关键知识点: 1. **FileReference类**:使用FileReference对象,用户...

    Flex 日期时间选择控件

    Flex 日期时间选择控件,可选择小时、分钟、12/24小时格式

    flex 时间选择控件

    使用Flex时间选择控件时,开发者需要在主应用程序中导入并实例化`TimeChooser.mxml`组件,然后可以通过其公共属性设置初始值,通过事件监听器获取用户选择的时间。 总的来说,Flex时间选择控件是构建用户友好的时间...

    flex实现的拖拽控件

    在这个场景中,我们关注的是Flex实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...

    Flex时间选择控件 精确到时分秒

    Flex时间选择控件是Adobe Flex框架中用于处理用户界面中时间输入的一种组件,它允许用户以小时、分钟和秒为单位进行精确的选择。在Flex应用开发中,这种控件对于那些需要用户输入特定时间信息的场景非常实用,比如...

    Flex 自定义 时间 日历 控件

    Flex 自定义 时间 日历 控件

    flex 3 所有可视控件实例

    10. Numericstepper:Numericstepper 是一个数字输入控件,提供加减按钮,用户可以逐步改变数值。 11. Progressbar:Progressbar 显示任务进度,通常用于指示加载或执行过程的完成度。 12. Spacer:Spacer 是一个...

    FLEX控件

    FLEX控件

    flex的各类bar控件

    针对flex新手熟悉flex 4.0以上版本控件

    flex可选择时间的日历控件

    flex自带的日期控件是没有时间选择的,本控件集成了时间的选择,另外时间的选择实现了可手动输入,输入的值可以定位下拉列表框. 导入方便,引用方便,提供多种输出格式. 经过测试完全OK,并且该控件已经应用于我们公司的...

    flex的仪表盘控件

    在本案例中,"flex的仪表盘控件"指的是使用Flex技术开发的用于显示数据指标或KPIs的用户界面组件,类似于汽车仪表盘上的速度计、油表等。这种控件允许开发者创建具有高度自定义样式和功能的可视化展示,以便用户可以...

    flex3.5时间控件(含时分秒)

    在Flex 3.5中,没有内置的时间选择器控件,因此通常需要通过自定义控件或第三方库来实现。`TimeChooser`可能是一个自定义组件,它扩展了`UIComponent`或` mx.controls.DateTimePicker`,并添加了额外的时分秒选择...

    Flex带时间的日期控件

    为了实现“Flex带时间的日期控件”,我们需要自定义DateField或者使用第三方库,如mx.controls.DateTimeChooser,这是一个更全面的日期和时间选择器组件。 DateTimeChooser控件提供了一个完整的日历视图,用户可以...

    flex4 温度计控件

    在Flex 4中,开发人员可以利用其强大的图形和动画功能来创建丰富的用户界面,其中包括自定义的温度计控件。这个"flex4 温度计控件"项目旨在实现一个能够显示温度变化的交互式组件,适用于各种需要实时温度监控的应用...

    Flex控件折叠效果

    "Flex控件折叠效果"是一个常见的需求,它涉及到用户界面(UI)的动态性与可扩展性,使得用户能更有效地管理和浏览信息。本文将深入探讨Flex控件折叠效果的相关知识点,包括其工作原理、实现方式以及实际应用。 Flex...

    flex时间控件

    Flex时间控件是一种基于Adobe Flex框架的用户界面组件,它为用户提供了一种直观的方式来选择日期和时间。在Flex中,这种控件通常用于构建具有高度交互性和用户友好的Web应用程序。Flex是一个开源的开发框架,它允许...

    自扩展Flex控件,可以同时选择日期和时间

    在给定的标题和描述中提到的“自扩展Flex控件,可以同时选择日期和时间”,我们关注的是一个特定的UI组件,它允许用户在同一界面中挑选日期和时间,这样的控件在日程安排、事件预订等场景中非常实用。 这个自扩展...

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    flex8 网格控件

    Flex8网格控件是Adobe Flex框架中的一个关键组件,它在构建富互联网应用程序(RIA)时扮演着重要的角色。Flex是一种基于ActionScript和MXML的开放源代码开发平台,主要用于创建交互式、高性能的Web应用。Vb6,即...

Global site tag (gtag.js) - Google Analytics