Flex中利用resizeEffect实现重新设置大小（resize）的例子

By Minidxer | September 28, 2008

接下来的例子演示了Flex中利用resizeEffect实现重新设置大小（resize）。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function sizePanel(w:uint, h:uint):void {
  10.                 panel.width = w;
  11.                 panel.height = h;
  12.             }
  13.         ]]>
  14.     </mx:Script>
  15.  
  16.     <mx:Resize id="resize" />
  17.  
  18.     <mx:ApplicationControlBar dock="true">
  19.         <mx:Button label="160x160"
  20.                 click="sizePanel(160, 160);" />
  21.         <mx:Button label="240x160"
  22.                 click="sizePanel(240, 160);" />
  23.         <mx:Button label="160x240"
  24.                 click="sizePanel(160, 240);" />
  25.         <mx:Button label="320x240"
  26.                 click="sizePanel(320, 240);" />
  27.  
  28.         <mx:Spacer width="100%" />
  29.  
  30.         <mx:Label text="w:{panel.width}, h:{panel.height}" />
  31.     </mx:ApplicationControlBar>
  32.  
  33.     <mx:Panel id="panel"
  34.             title="title"
  35.             status="status"
  36.             width="320"
  37.             height="240"
  38.             resizeEffect="{resize}">
  39.         <mx:Accordion id="accordion"
  40.                 historyManagementEnabled="false"
  41.                 width="100%"
  42.                 height="100%">
  43.             <mx:VBox label="Shipping Information" />
  44.             <mx:VBox label="Billing Information" />
  45.         </mx:Accordion>
  46.         <mx:ControlBar id="cb">
  47.             <mx:Button />
  48.         </mx:ControlBar>
  49.     </mx:Panel>
  50.  
  51. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Flex | Tags: , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads