Flex Gumbo中如何通过使用CSS给FxToggleButton设置特殊状态的例子
By Minidxer | July 7, 2009
接下来的例子演示了Flex Gumbo中如何通过使用CSS给FxToggleButton设置特殊状态。本例中所有的状态的基本颜色都被设置为红色， “upAndSelected”, “overAndSelected”, “downAndSelected”以及“disabledAndSelected”责备设置为绿色。
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <Application name="FxToggleButton_statesStyle_test"
- xmlns="http://ns.adobe.com/mxml/2009"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <Style>
- FxToggleButton {
- baseColor: red;
- }
- FxToggleButton:upAndSelected,
- FxToggleButton:overAndSelected,
- FxToggleButton:downAndSelected,
- FxToggleButton:disabledAndSelected {
- baseColor: haloGreen;
- }
- </Style>
- <FxToggleButton id="btn"
- label="FxToggleButton{'\\n'}(selected={btn.selected})"
- width="120"
- height="60" />
- </Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
FxToggleButton, Gumbo |
No Comments » |
Tags: css, FxToggleButton