接下来的例子演示了Flex中如何在某一容器通过visible属性或者使用hideEffect以及showEffect效果时,触发一些特效。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
-
- <mx:Zoom id="zoom" />
-
- <mx:ApplicationControlBar dock="true">
- <mx:Button label="hide"
- click="panel.visible = false;"
- enabled="{panel.visible}" />
- <mx:Button label="show"
- click="panel.visible = true;"
- enabled="{!panel.visible}" />
- </mx:ApplicationControlBar>
-
- <mx:Panel id="panel"
- title="title"
- status="status"
- showEffect="{zoom}"
- hideEffect="{zoom}"
- width="100%"
- height="100%">
-
- <mx:ControlBar>
- <mx:Label text="control bar" />
- </mx:ControlBar>
- </mx:Panel>
-
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
上一篇:
Flex中如何遍历TabBar控件的各个Tab并且通过labelPlacement属性设置标签位置的例子 下一篇:
Flex中如何通过tabStyleName, tabWidth和textAlign样式设置TabBar控件内文本对齐方式