Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子

接下来的例子演示了Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)。和前面Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子一样,只有在borderStyle被设置为“solid”的情况下,才支持borderSides样式。Demo中分别通过上下左右的CheckBox框设置相应边的显示。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子”

Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子

和前面Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子类似的,接下来的例子中演示了Flex中如何通过borderThickness样式,设置NumericStepper控件边框厚度。需要额外注意的是,只有在borderStyle被设置为“solid”的情况下,才支持borderThickness样式。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子”

Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子

关于边框的颜色的设置,前面的例子Flex中如何设置进度条(ProgressBar)边框颜色的例子Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到,不过他们分别是通过设置borderColorthemeColor样式实现的。接下来的例子中和进度条的设置方法一样,演示了Flex中如何通过borderColor样式,设置NumericStepper控件边框颜色。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Continue reading “Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子”

Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子

在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中,我们曾经演示过Flex中如何通过downArrowSkinupArrowSkin样式,设置NumericStepper控件的上下箭头的Skin。实际上NumericStepper控件还允许我们直接通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子”

Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子

在前面的Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中,我们了解了Flex中如何通过设定TextArea控件的colordisabledColor样式,设定文本在有效,无效状态下的颜色同样的,接下来的例子演示了FlexNumericStepper控件中,如何通过disabledColor样式设置NumericStepper控件无效时文本颜色。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子”

Flex中通过focusAlpha样式设置NumericStepper控件获取光标时透明度的例子

接下来的例子演示了Flex中如何通过focusAlpha样式,设置NumericStepper控件获取光标时透明度。Demo中点击“click here to remove focus”按钮移除光标,上下按钮调整透明度。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中通过focusAlpha样式设置NumericStepper控件获取光标时透明度的例子”

Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子

在前面的Flex中如何通过设置backgroundAlpha风格来设定VideoDisplay控件的背景透明度(background alpha)的例子Flex中设置面板容器(Panel container)背景透明度的例子中,都演示了如何设置背景颜色以及透明度。接下来的例子演示了Flex中如何通过backgroundColor和backgroundAlpha样式,设置NumericStepper控件背景颜色和透明度。滑动游标调整透明度,从调色板中选择背景颜色。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子”

Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子

接下来的例子演示了Flex中如何通过downArrowSkinupArrowSkin样式设置NumericStepper控件的上下箭头的Skin。皮肤(Skin)牵涉到各种素材图片的问题,当然还有字体,好在网络上总是有好人会分享自己的劳动成果,免费的好的图片,免费的字体都可以在网上找到。你可以在这里(480+ free and fresh icon sets help you to create your beautiful skins and themes in Flex)挑选符合自己主题的图标icons,可以在这里(100000+ Free Fonts To Make Your Flex UI(skins and themes) Stand Out From The Crowd)挑选自己需要的字体。当然还有这个(a list of the best free vector graphics,free icons,images and sounds website)。当然,下面的例子实际上仅仅是设置了两个属性,离真正的Skin设计还很远,但是凡是总归是从简单得做起。 :)
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码
Continue reading “Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子”

Flex的NumericStepper控件中如何通过maxChars限制用户可以输入数字最大位数的例子

接下来的例子演示了FlexNumericStepper控件中如何通过设置maxChars属性,限制用户可以输入数字最大位数。下面的Demo中,调整游标分别可以设置为允许输入1位数字,输入2位数字以及3位数字。 注意这里的所谓的N位数字,指的是通过键盘输入的位数,即使设置的是1位,用户通过上下箭头,还是可以将数字调整到更大的位数的。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex的NumericStepper控件中如何通过maxChars限制用户可以输入数字最大位数的例子”

Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子

接下来的例子中演示了Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体。

下面是完整代码:

Continue reading “Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子”

Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式的例子

接下来的例子演示了FlexNumericStepper控件中如何通过textAlign样式设置文本对齐方式。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex的NumericStepper控件中如何通过textAlign样式设置文本对齐方式的例子”

Flex中如何通过设置editable属性控制NumericStepper控件可编辑/不可编辑状态的例子

接下来的例子演示了Flex中如何通过设置集成在TextInput控件中inputFieldeditable属性控制NumericStepper控件可编辑/不可编辑状态。可编辑状态下,用户可以直接通过键盘输入数字,而不可编辑状态只能通过上下按钮来增加或者减少操作。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何通过设置editable属性控制NumericStepper控件可编辑/不可编辑状态的例子”

Flex中如何利用stepSize属性调整NumericStepper控件每一步操作大小以及ActionScript代码实现同样功能的例子

接下来的例子演示了Flex中如何利用stepSize属性调整NumericStepper控件每一步操作大小。和Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子中一样,例子中利用了HSlider控件来调整每步的尺度。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何利用stepSize属性调整NumericStepper控件每一步操作大小以及ActionScript代码实现同样功能的例子”

Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子

在前面的Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子中我们接触了NumericStepper控件,接下来的例子演示了如何通过设置cornerRadius样式,设定NumericStepper控件边缘棱角圆滑幅度(corner radius)。移动顶部的游标看效果。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子”

Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子

和前面的Flex中如何通过设置editable属性创建一个可编辑的DataGrid控件的例子很相似,接下来的例子演示了Flex中,如何通过设置DataGrid控件和DataGridColumn 对象的itemEditor和editorDataField属性,将NumericStepper控件作为DataGrid控件的一个编辑项目。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex中如何将NumericStepper控件作为DataGrid控件的一个编辑项目的例子”