如何在Flex中創建無標題的可拖動面板？

Question

我想拖動沒有標題的面板，當我拖動它的任何部分。我已經知道如何從面板中刪除標題，並知道如何將其拖放到標題欄。但我不知道如何拖拽沒有標題..請幫助。

Answer 1

這裏是my example

//應用

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" 
      minWidth="955" minHeight="600" creationComplete="init(event)"> 
<fx:Script> 
    <![CDATA[ 
     import com.dragpanel.MyPanel; 

     import mx.events.FlexEvent; 

     protected function init(event:FlexEvent):void 
     { 
      var panel:MyPanel = new MyPanel(); 
      panel.width = 300; 
      panel.height = 200; 
      panel.title = "Hello"; 

      this.addElement(panel); 
     } 

    ]]> 
</fx:Script> 

</s:Application> 

//MyPanel.mxml

<?xml version="1.0" encoding="utf-8"?> 
<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    width="150" height="80" title="Hello" 
    mouseDown="onMouseDown(event)" mouseUp="onMouseUp(event)" 
    skinClass="com.dragpanel.PanelNoTitleBar"> 

<fx:Script> 
    <![CDATA[ 
     protected function onMouseDown(event:MouseEvent):void 
     { 
      this.startDrag(); 
     } 

     protected function onMouseUp(event:MouseEvent):void 
     { 
      this.stopDrag(); 
     } 

    ]]> 
</fx:Script> 

<s:HGroup verticalAlign="bottom" x="10" y="10"> 
    <s:Label text="Name:"/> 
    <s:TextInput width="60"/> 
</s:HGroup> 
</s:Panel> 

Answer 2

你如何使用標題欄開始拖動？你在面板的標題欄部分有一個mouseDown監聽器嗎？您可以將mouseDown偵聽器移動到面板本身。