Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子
2009-11-11 15:55
736 查看
关于边框的颜色的设置,前面的例子Flex中如何设置进度条(ProgressBar)边框颜色的例子和Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到,不过他们分别是通过设置
borderColor和
themeColor样式实现的。接下来的例子中和进度条的设置方法一样,演示了Flex中如何通过borderColor样式,设置NumericStepper控件边框颜色。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码
):
下面是完整代码(或点击这里察看): Download: main.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ApplicationControlBar dock="true"> <mx:Form styleName="plain"> <mx:FormItem label="borderColor:"> <mx:ColorPicker id="colorPicker" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:NumericStepper id="numericStepper" borderColor="{colorPicker.selectedColor}" /> </mx:Application>
相关文章推荐
- Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子
- Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子
- Flex中如何通过borderColor样式设置DateField控件边框颜色的例子
- Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- Flex中通过设定borderColor样式给ComboBox控件设置边框颜色的例子
- Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子
- Flex中通过focusAlpha样式设置NumericStepper控件获取光标时透明度的例子
- Flex中通过设置fillColors样式改变ComboBox控件的填充背景颜色的例子
- Flex中通过设置borderColor样式和.errorTip CSS分离器改变错误信息提示背景颜色(background color)的例子
- Flex中如何通过selectionColor和selectionDisabledColor样式设置DataGrid的行选中与无效时颜色的例子
- Flex中通过设置fontFamily和labelStyleName样式在HSlider控件中使用嵌入字体的例子
- Flex的Accordion控件中如何通过设置openDuration样式设定打开/切换的时间长短的例子
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签(label)对齐方式的例子
- Flex中如何通过设置tickLength样式设定HSlider控件上一个标记号(tick)长度的例子
- 设置NumericStepper控件文本区的边框颜色。
- Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子
- Flex中通过设置textAlign样式在一个List控件中改变文本对齐方向的例子
- Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子