Flex中通过focusAlpha样式设置NumericStepper控件获取光标时透明度的例子
2009-11-11 15:57
721 查看
接下来的例子演示了Flex中如何通过focusAlpha样式,设置NumericStepper控件获取光标时透明度。Demo中点击“click here to remove focus”按钮移除光标,上下按钮调整透明度。
下面是完整代码(或点击这里查看):
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:Script>
<![CDATA[
import mx.events.NumericStepperEvent;
private function numericStepper_change(evt:NumericStepperEvent):void {
// reset focus
focusManager.setFocus(btn);
focusManager.setFocus(numericStepper);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button id="btn" label="click here to remove focus" />
</mx:ApplicationControlBar>
<mx:NumericStepper id="numericStepper"
minimum="0.0"
maximum="1.0"
value="0.5"
stepSize="0.1"
textAlign="center"
focusAlpha="{numericStepper.value}"
change="numericStepper_change(event);" />
</mx:Application>
让我们先来看一下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:Script>
<![CDATA[
import mx.events.NumericStepperEvent;
private function numericStepper_change(evt:NumericStepperEvent):void {
// reset focus
focusManager.setFocus(btn);
focusManager.setFocus(numericStepper);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button id="btn" label="click here to remove focus" />
</mx:ApplicationControlBar>
<mx:NumericStepper id="numericStepper"
minimum="0.0"
maximum="1.0"
value="0.5"
stepSize="0.1"
textAlign="center"
focusAlpha="{numericStepper.value}"
change="numericStepper_change(event);" />
</mx:Application>
相关文章推荐
- Flex中通过backgroundColor和backgroundAlpha样式设置NumericStepper控件背景颜色和透明度的例子
- Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子
- Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子
- Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子
- Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子
- Flex中如何通过设置backgroundAlpha风格来设定VideoDisplay控件的背景透明度(background alpha)的例子
- Flex中如何通过设置fontFamily样式在NumericStepper控件中使用嵌入字体的例子
- Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子
- Flex中如何通过borderColor样式设置DateField控件边框颜色的例子
- Flex中通过设置fontFamily样式在调色板(ColorPicker)控件中使用自定义嵌入字体的例子
- Flex中如何通过设置cornerRadius样式设定NumericStepper控件边缘棱角圆滑幅度(corner radius)的例子
- Flex中如何通过focusRoundedCorners样式在TextInput控件获得焦点后控制矩形对角圆滑与否的例子
- Flex的Accordion控件中如何通过设置openDuration样式设定打开/切换的时间长短的例子
- Flex中如何通过leading样式在一个text控件中设置文本铅框(text leading)的例子
- Flex中通过设置fillColors样式改变ComboBox控件的填充背景颜色的例子
- Flex中通过设置textAlign和headerStyleName样式设置DateChooser控件头部年月文本对齐方式的例子
- Flex中通过设定borderColor样式给ComboBox控件设置边框颜色的例子
- Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子