Flex中利用resizeEffect实现重新设置大小(resize)的例子
By Minidxer | September 28, 2008
接下来的例子演示了Flex中利用resizeEffect实现重新设置大小(resize)。
让我们先来看一下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[
- private function sizePanel(w:uint, h:uint):void {
- panel.width = w;
- panel.height = h;
- }
- ]]>
- </mx:Script>
- <mx:Resize id="resize" />
- <mx:ApplicationControlBar dock="true">
- <mx:Button label="160x160"
- click="sizePanel(160, 160);" />
- <mx:Button label="240x160"
- click="sizePanel(240, 160);" />
- <mx:Button label="160x240"
- click="sizePanel(160, 240);" />
- <mx:Button label="320x240"
- click="sizePanel(320, 240);" />
- <mx:Spacer width="100%" />
- <mx:Label text="w:{panel.width}, h:{panel.height}" />
- </mx:ApplicationControlBar>
- <mx:Panel id="panel"
- title="title"
- status="status"
- width="320"
- height="240"
- resizeEffect="{resize}">
- <mx:Accordion id="accordion"
- historyManagementEnabled="false"
- width="100%"
- height="100%">
- <mx:VBox label="Shipping Information" />
- <mx:VBox label="Billing Information" />
- </mx:Accordion>
- <mx:ControlBar id="cb">
- <mx:Button />
- </mx:ControlBar>
- </mx:Panel>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Flex |
Tags: Panel, Resize, resizeEffect