May 28

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

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

Continue reading »

written by Minidxer  |  tags: , , ,

May 27

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

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

Continue reading »

written by Minidxer  |  tags: , , , ,

May 27

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

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

Continue reading »

written by Minidxer  |  tags: , , , ,

May 26

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

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

Continue reading »

written by Minidxer  |  tags: , , , ,

May 26

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

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

Continue reading »

written by Minidxer  |  tags: , , ,

May 25

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

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

Continue reading »

written by Minidxer  |  tags: , , , ,

May 25

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

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

Continue reading »

written by Minidxer  |  tags: , , , , ,

May 21

接下来的例子演示了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 »

written by Minidxer  |  tags: , , , ,

May 20

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

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

Continue reading »

written by Minidxer  |  tags: , ,

May 19

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

下面是完整代码:

Continue reading »

written by Minidxer  |  tags: , ,