Flex中的拖動技術

2021-08-30 18:06:42 字數 892 閱讀 3052

flex元件內建了處理拖拽事件的介面,有些控制項已經實現了拖拽功能,比如 list、datagrid、menu、

horizontallist、 printdatagrid、tilelist、tree,在設定相關的拖拽屬性後,它們都可以在相同型別的組

件之間利用滑鼠來實現資料的轉移。

allowdragselection           是否可以拖選

allowmultipleselection       是否可以多選

dragenabled                     是否可以拖動子元素

dragmoveenabled              是否移動元素位置,而不是複製元素

dropenabled                     是否可以將物體放置進來

在flex中,有幾個專門的物件供開發者處理拖拽事件:

dragmanager:位於mx.managers包中,管理拖拽事件

dragsource:   位於mx.core包中,是flex框架中的核心成員,處理拖拽中的資料傳遞

dragevent:     位於mx.events包中,拖拽操作中的事件物件。

按照邏輯,拖拽中至少有兩個物件:一方提供資料,一方接收資料。在這個過程中,提供資料的一方按照前後

順序,可以把整個過程劃分為下面幾個事件:

mousedown:滑鼠按下。

mousemove:滑鼠移動。

dragcomplate:滑鼠釋放。判斷目標是否接受資料,如果可以,拖放成功。

接收方也將經歷幾個階段

dragenter:被拖動物件移動到目標範圍中。

dragdrop:滑鼠在目標上鬆開。

dragover:滑鼠移動到目標上。

dragexit:獨享被拖離目標範圍。

flex的tree之間拖動

tree的xml內容 var company xml treelabel,在tree控制項的屬性中指定,可以根據解析xml的內容顯示所需節點 private function treelabel item object string 繫結tree的dataprovider bindable var ...

Flex拖動實現方法

在互動性要求較高的系統中,拖動是一種比較常用的技術,例如,我們經常用到許可權定製 資料匯入匯出定製等功能,這種情況下,一般是目標資料集合已經確定,使用者需要從已有的集合中選擇條目,使用拖動完成實現起來比較直觀,友好 有些場景下需要允許容器內的元素能夠自由拖動,例如一些圖形設計工具。在flex中,它本...

Flex拖動實現方法

在互動性要求較高的系統中,拖動是一種比較常用的技術,例如,我們經常用到許可權定製 資料匯入匯出定製等功能,這種情況下,一般是目標資料集合已經確定,使用者需要從已有的集合中選擇條目,使用拖動完成實現起來比較直觀,友好 有些場景下需要允許容器內的元素能夠自由拖動,例如一些圖形設計工具。在flex中,它本...