编写超级面板

package
{
 import flash.events.MouseEvent;
 import flash.geom.Point;
 import flash.geom.Rectangle;

 import mx.controls.Alert;
 import mx.core.Container;
 import mx.core.IVisualElement;
 import mx.core.UIComponent;
 import mx.effects.Parallel;
 import mx.events.EffectEvent;

 import spark.components.Button;
 import spark.components.Group;
 import spark.components.Panel;
 import spark.effects.Move;
 import spark.effects.Resize;
 import spark.effects.easing.Elastic;
 import spark.effects.easing.IEaser;
 
 //dispatched when max button is click
 [Event(type="MySuperPanelEvent", name="max")]

 //dispatched when titleBar is click
 [Event(type="MySuperPanelEvent", name="min")]

 //dispatched when restore button is click
 [Event(type="MySuperPanelEvent", name="restore")]

 /**
  *
  * @author jixin_huang
  */
 public class MySuperPanel extends Panel
 {
  [SkinPart(required="false")]
  /**
   * 最大化按钮
   * @default
   */
  public var maxBtn:Button;

  [SkinPart(required="false")]
  /**
   *
   * @default
   */
  public var restoreBtn:Button;
  [SkinPart(required="false")]
  /**
   * 标题栏
   * @default
   */
  public var topGroup:Group;
  /**
   *
   * @default
   */
  protected var parallel:Parallel;
  /**
   *
   * @default
   */
  protected var resize:Resize;
  /**
   *
   * @default
   */
  protected var _move:Move;

  /**
   *
   * @default
   */
  protected var restoreRect:Rectangle;

  [Bindable]
  /**
   * 最大化边距
   * @default
   */
  private var _maxGap:Number=5;

  /**
   *
   * @default
   */
  protected var flag:Boolean=false;

  /**
   *
   * @default
   */
  protected var isMinimized:Boolean=false;

  /**
   *
   * @default
   */
  protected var isMaximized:Boolean=false;

  /**
   *
   */
  public function MySuperPanel()
  {
   //TODO: implement function
   super();

   //set defaults

   setStyle("skinClass", MySuperPanelSkin);

   parallel=new Parallel();
   resize=new Resize();
   _move=new Move();
   parallel.addChild(resize);
   parallel.addChild(_move);
  }

  /**
   *
   * @return
   */
  public function get maxGap():Number
  {
   return _maxGap;
  }

  /**
   *
   * @param value
   */
  public function set maxGap(value:Number):void
  {
   _maxGap=value;
  }

  /**
   * 复原
   * @param event
   */
  protected function restoreBtnClickHandler(event:MouseEvent):void
  {

   resize.widthTo=restoreRect.width;
   resize.heightTo=restoreRect.height;

   _move.xTo=restoreRect.x;
   _move.yTo=restoreRect.y;

   parallel.play();

   maxBtn.visible=maxBtn.enabled=true;
   restoreBtn.visible=restoreBtn.enabled=false;

   dispatchEvent(new MySuperPanelEvent("max"));

   isMaximized=false;

   topGroup.addEventListener(MouseEvent.MOUSE_DOWN, topGroupMouseDownHandler);
  }

  /**
   * 最大化
   * @param event
   */
  protected function maxBtnClickHandler(event:MouseEvent):void
  {
   if (!restoreRect)
   {
    restoreRect=new Rectangle(x, y, this.width, this.height);
   }

   parallel.target=this;
   parallel.duration=500;

   resize.widthTo=this.parent.width - 2 * maxGap;
   resize.heightTo=this.parent.height - 2 * maxGap;

   _move.xTo=this.parent.x + maxGap;
   _move.yTo=this.parent.y + maxGap;

   parallel.play();

   maxBtn.visible=maxBtn.enabled=false;
   restoreBtn.visible=restoreBtn.enabled=true;

   Group(this.parent).setElementIndex(this, Group(this.parent).numChildren - 1);

   dispatchEvent(new MySuperPanelEvent("max"));

   isMaximized=true;
   isMinimized=false;

   topGroup.removeEventListener(MouseEvent.MOUSE_DOWN, topGroupMouseDownHandler);
  }

  /**
   *
   * @param event
   */
  protected function topGroupMouseDownHandler(event:MouseEvent):void
  {
   topGroup.addEventListener(MouseEvent.MOUSE_UP, topGroupMouseUpHandler);
   topGroup.addEventListener(MouseEvent.MOUSE_MOVE, topGroupMouseMoveHandler);
  }

  /**
   *
   * @param event
   */
  protected function topGroupMouseUpHandler(event:MouseEvent):void
  {
   topGroup.removeEventListener(MouseEvent.MOUSE_MOVE, topGroupMouseMoveHandler);
   this.stopDrag();

   if (this.y <= 0)
   {
    this.y=-this.height + 4;

    this.addEventListener(MouseEvent.ROLL_OVER, rollOverHandler);
    this.addEventListener(MouseEvent.ROLL_OUT, rollOutHandler);
   }
   else
   {
    this.removeEventListener(MouseEvent.ROLL_OVER, rollOverHandler);
    this.removeEventListener(MouseEvent.ROLL_OUT, rollOutHandler);

    /*if (!restoreRect)
    {
     restoreRect=new Rectangle(this.x, this.y, this.width, this.height);
    }
    else
    {
     restoreRect.x=this.x;
     restoreRect.y=this.y;
    }*/
   }
  }

  /**
   *
   * @param event
   */
  protected function topGroupMouseMoveHandler(event:MouseEvent):void
  {
   this.startDrag();
  }

  /**
   *
   * @param event
   */
  protected function rollOverHandler(event:MouseEvent):void
  {
   this.y=-2;
  }

  /**
   *
   * @param event
   */
  protected function rollOutHandler(event:MouseEvent):void
  {
   this.y=-this.height + 4;
  }

  /**
   *
   * @param event
   */

  protected function topGroupDoubleClickHandler(event:MouseEvent):void
  {
   trace(topGroup.height + "");
   if (isMinimized)
   {
    if (restoreRect)
    {
     this.height=restoreRect.height;
    }

    isMinimized=false;
   }
   else if (isMaximized)
   {
    this.height=restoreRect.height;
    this.width=restoreRect.width;
    this.x=restoreRect.x;
    this.y=restoreRect.y;

    isMaximized=false;

    maxBtn.visible=maxBtn.enabled=true;
    restoreBtn.visible=restoreBtn.enabled=false;

    topGroup.addEventListener(MouseEvent.MOUSE_DOWN, topGroupMouseDownHandler);
   }
   else
   {
    if (!restoreRect)
    {
     restoreRect=new Rectangle(this.x, this.y, this.width, this.height);
    }

    this.height=topGroup.height;

    isMinimized=true; //set minimized state;
   }
  }

  /**
   * override functions
   */
  override protected function partAdded(partName:String, instance:Object):void
  {
   super.partAdded(partName, instance);

   if (instance == topGroup)
   {
    topGroup.doubleClickEnabled=true;
    topGroup.addEventListener(MouseEvent.DOUBLE_CLICK, topGroupDoubleClickHandler);

    topGroup.addEventListener(MouseEvent.MOUSE_DOWN, topGroupMouseDownHandler);
   }
   if (instance == maxBtn)
   {
    maxBtn.addEventListener(MouseEvent.CLICK, maxBtnClickHandler);
   }

   if (instance == restoreBtn)
   {
    restoreBtn.addEventListener(MouseEvent.CLICK, restoreBtnClickHandler);
   }

  }

  /**
   *
   * @param partName
   * @param instance
   */
  override protected function partRemoved(partName:String, instance:Object):void
  {
   super.partRemoved(partName, instance);

   if (instance == topGroup)
   {
    topGroup.doubleClickEnabled=false;
    topGroup.removeEventListener(MouseEvent.DOUBLE_CLICK, topGroupDoubleClickHandler);
   }

   if (instance == maxBtn)
   {
    maxBtn.removeEventListener(MouseEvent.CLICK, maxBtnClickHandler);
   }

<?xml version="1.0" encoding="utf-8"?>

<!--

  ADOBE SYSTEMS INCORPORATED
  Copyright 2008 Adobe Systems Incorporated
  All Rights Reserved.

  NOTICE: Adobe permits you to use, modify, and distribute this file
  in accordance with the terms of the license agreement accompanying it.

-->

<!--- The default skin class for a Spark Panel container.

  @see spark.components.Panel

  @langversion 3.0
  @playerversion Flash 10
  @playerversion AIR 1.5
  @productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
    blendMode="normal"
    mouseEnabled="false"
    minWidth="131"
    minHeight="127"
    alpha.disabled="0.5"
    alpha.disabledWithControlBar="0.5"
    xmlns:mx="library://ns.adobe.com/flex/mx">
 <fx:Metadata>[HostComponent("MySuperPanel")]</fx:Metadata>

 <fx:Script fb:purpose="styling">
  /* Define the skin elements that should not be colorized.
   For panel, border and title background are skinned, but the content area and title text are not. */
  static private const exclusions:Array=["background", "titleDisplay", "contentGroup", "controlBarGroup"];

  /**
   * @private
   */
  override public function get colorizeExclusions():Array
  {
   return exclusions;
  }

  /**
   * @private
   */
  override protected function initializationComplete():void
  {
   useChromeColor=true;
   super.initializationComplete();
  }

  /**
   * @private
   */
  override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
  {
   if (getStyle("borderVisible") == true)
   {
    border.visible=true;
    background.left=background.top=background.right=background.bottom=1;
    contents.left=contents.top=contents.right=contents.bottom=1;
   }
   else
   {
    border.visible=false;
    background.left=background.top=background.right=background.bottom=0;
    contents.left=contents.top=contents.right=contents.bottom=0;
   }

   dropShadow.visible=getStyle("dropShadowVisible");

   var cr:Number=getStyle("cornerRadius");
   var withControls:Boolean=(currentState == "disabledWithControlBar" || currentState == "normalWithControlBar");