`
天梯梦
  • 浏览: 13731578 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

Flex之拖放

FlexAdobeXMLFlash读书 
阅读更多

1.一个方向的拖放：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\SimpleListToListMove.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
				creationComplete="initApp();">
	
	<mx:Script>
		<![CDATA[
		import mx.collections.ArrayCollection;
		
		private function initApp():void {
		srclist.dataProvider = 
		new ArrayCollection(['读书', '看电视', '做运动', '逛街', '种菜']);
		destlist.dataProvider = new ArrayCollection([]);
		}
		]]>
	</mx:Script>
	<mx:Panel 
		title="拖动选项示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">
		<mx:HBox>
			<mx:VBox>
				<mx:Label text="可供选择的行为"/>
				<mx:List id="srclist" 
						 allowMultipleSelection="true"
						 dragEnabled="true"
						 dragMoveEnabled="true"/>
			</mx:VBox>
			
			<mx:VBox>
				<mx:Label text="所选择的行为"/>
				<mx:List id="destlist" 
						 dropEnabled="true"/>
			</mx:VBox>
		</mx:HBox>
	</mx:Panel>
	
</mx:Application>
 

2.两个方向的拖放：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\SimpleDGToDG.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
				creationComplete="initApp();">
	
	<mx:Script>
		<![CDATA[
		import mx.collections.ArrayCollection;
		
		private function initApp():void {
		srcgrid.dataProvider = new ArrayCollection([
		{摄影师:'Carole King', 照片:'Tapestry', 价格:11.99},
		{摄影师:'Paul Simon', 照片:'Graceland', 价格:10.99},
		{摄影师:'Original Cast', 照片:'Camelot', 价格:12.99},
		{摄影师:'The Beatles', 照片:'The White', 价格:11.99}
		]);
		
		destgrid.dataProvider = new ArrayCollection([]);    
		}
		]]>
	</mx:Script>
	<mx:Panel 
		title="数据列表拖放示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">
		<mx:HBox>
			<mx:VBox>
				<mx:Label text="列表1"/>
				<mx:DataGrid id="srcgrid" 
							 allowMultipleSelection="true" 
							 dragEnabled="true" 
							 dropEnabled="true" 
							 dragMoveEnabled="true">
					<mx:columns>
						<mx:DataGridColumn dataField="摄影师"/>
						<mx:DataGridColumn dataField="照片"/>
						<mx:DataGridColumn dataField="价格"/>
					</mx:columns>    
				</mx:DataGrid>
			</mx:VBox>
			
			<mx:VBox>
				<mx:Label text="列表2"/>
				<mx:DataGrid id="destgrid" 
							 allowMultipleSelection="true" 
							 dragEnabled="true" 
							 dropEnabled="true" 
							 dragMoveEnabled="true">
					<mx:columns>
						<mx:DataGridColumn dataField="摄影师"/>
						<mx:DataGridColumn dataField="照片"/>
						<mx:DataGridColumn dataField="价格"/>
					</mx:columns>    
				</mx:DataGrid>
			</mx:VBox>
		</mx:HBox>
	</mx:Panel>
</mx:Application>
 

3.同一个控件上的拖放：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\SimpleTreeSelf.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            // 初始化树结构数据源。
            private function initApp():void {
                firstList.dataProvider = treeDP;
            }
        ]]>
    </mx:Script>
    
    <mx:XML id="treeDP">
        <node label="邮件">
            <node label="收件箱"/>
            <node label="个人信箱">
                <node label="示例"/>
                <node label="隐私"/>
                <node label="保存"/>
                <node label="信息"/>
            </node>
            <node label="日历"/>
            <node label="发出"/>
            <node label="垃圾箱"/>
        </node>
    </mx:XML>
   	<mx:Panel 
        title="树结构拖动示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">
	    <mx:Tree id="firstList" 
	    	width="90%"
	    	height="80%"
	        showRoot="false"
	        labelField="@label"
	        dragEnabled="true" 
	        dropEnabled="true" 
	        allowMultipleSelection="true"
	        creationComplete="initApp();"/>
	</mx:Panel>
	
</mx:Application>

 

4. 手工拖放

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\DandDCanvas.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    backgroundColor="white">

    <mx:Script>
        <![CDATA[

        import mx.core.DragSource;
        import mx.managers.DragManager;
        import mx.events.*;
        import mx.containers.Canvas;

        // 初始化拖动放置操作
        private function mouseMoveHandler(event:MouseEvent):void {
            // 在事件对象中得到拖动初始者组件。
            var dragInitiator:Canvas=Canvas(event.currentTarget);
            // 得到拖动初始者组件的颜色。
            var dragColor:int = dragInitiator.getStyle('backgroundColor');
            // 建立一个DragSource对象。
            var ds:DragSource = new DragSource();
            // 将事件加入的对象中。
            ds.addData(dragColor, 'color');
            // 调用DragManager的doDrag()方法来起始拖动。
            DragManager.doDrag(dragInitiator, ds, event);
        }

        // 当用户移动拖动代理到放置目标上。
        private function dragEnterHandler(event:DragEvent):void {
            // 如果格式为'color'则接受对象。
            if (event.dragSource.hasFormat('color')) {
                // 从事件对象中得到放置对象组件。
                var dropTarget:Canvas=Canvas(event.currentTarget);
                // 接受放置。
                DragManager.acceptDragDrop(dropTarget);
            }
        }
                
        //当目标接受拖动对象，并且用户在画布容器上释放鼠标键。
        private function dragDropHandler(event:DragEvent):void {
            // 从拖动初始者得到数据
            var data:Object = event.dragSource.dataForFormat('color');
            // 设置画布颜色。
            myCanvas.setStyle("backgroundColor", data);
        }    
        ]]>
    </mx:Script>

    <!-- A horizontal box with red and green canvases the user can drag -->
    <mx:Panel 
        title="自定义拖放行为示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">

	    <mx:HBox>
	        <mx:Canvas 
	            width="30" height="30" 
	            backgroundColor="red" 
	            borderStyle="solid" 
	            mouseMove="mouseMoveHandler(event);"/>
	        <mx:Canvas 
	            width="30" height="30" 
	            backgroundColor="green" 
	            borderStyle="solid" 
	            mouseMove="mouseMoveHandler(event);"/>
	    </mx:HBox>
	
	    <mx:Label text="拖动颜色到画布中"/>
	
	    <!-- dragEnter和dragDrop事件运行放置 -->
	    <mx:Canvas id="myCanvas" 
	        width="100" height="100" 
	        backgroundColor="#FFFFFF" 
	        borderStyle="solid" 
	        dragEnter="dragEnterHandler(event);" 
	        dragDrop="dragDropHandler(event);"/>
	</mx:Panel>
</mx:Application>
 

4. 容器为放置目标示例：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\DragProxyExample.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import mx.managers.DragManager;
            import mx.core.DragSource;
            import mx.events.DragEvent;
            import flash.events.MouseEvent;

            [Embed(source='./assets/eek.gif')]
            public var globeImage:Class;

           // mouseMove事件管理器用来初始化图像看见的拖动放置操作。
            private function mouseOverHandler(event:MouseEvent):void 
            {                
                var dragInitiator:Image=Image(event.currentTarget);
                var ds:DragSource = new DragSource();
                ds.addData(dragInitiator, "img");               

                // 拖动管理器，使用图像控件为拖动代理，以显示图片在画布中被拖动。
                var imageProxy:Image = new Image();
                imageProxy.source = globeImage;
                imageProxy.height=15;
                imageProxy.width=15;                
                DragManager.doDrag(dragInitiator, ds, event, 
                    imageProxy, -15, -15, 1.00);
            }
            
            // dragEnter事件管理器用来使画布容器可以被放入数据。
            private function dragEnterHandler(event:DragEvent):void {
                if (event.dragSource.hasFormat("img"))
                {
                    DragManager.acceptDragDrop(Canvas(event.currentTarget));
                }
            }

           // dragDrop事件管理器用来在画布容器中，通过dropping来设定图片控件的位置。
            private function dragDropHandler(event:DragEvent):void {
                Image(event.dragInitiator).x = 
                    Canvas(event.currentTarget).mouseX;
                Image(event.dragInitiator).y = 
                    Canvas(event.currentTarget).mouseY;
            }
        ]]>
    </mx:Script>
  <mx:Panel 
        title="容器为放置目标示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">    
	    <!-- 画布为放置目标容器 --> 
	    <mx:Canvas id="v1" 
	        width="100%" height="100%"  
	        borderStyle="solid" 
	        backgroundColor="#FBF4D9"
	        dragEnter="dragEnterHandler(event);" 
	        dragDrop="dragDropHandler(event);">
        
	        <!-- 图片为拖动初始者 -->
	        <mx:Image id="myimg" 
	            source="@Embed(source='./assets/eek.gif')" 
            	mouseMove="mouseOverHandler(event);"/> 
    	</mx:Canvas>
   </mx:Panel> 
</mx:Application>
 

5. 设定拖放代理示例:

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\DragProxyExample.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[
            import mx.managers.DragManager;
            import mx.core.DragSource;
            import mx.events.DragEvent;
            import flash.events.MouseEvent;

            [Embed(source='./assets/eek.gif')]
            public var globeImage:Class;

           // mouseMove事件管理器用来初始化图像看见的拖动放置操作。
            private function mouseOverHandler(event:MouseEvent):void 
            {                
                var dragInitiator:Image=Image(event.currentTarget);
                var ds:DragSource = new DragSource();
                ds.addData(dragInitiator, "img");               

                // 拖动管理器，使用图像控件为拖动代理，以显示图片在画布中被拖动。
                var imageProxy:Image = new Image();
                imageProxy.source = globeImage;
                imageProxy.height=15;
                imageProxy.width=15;                
                DragManager.doDrag(dragInitiator, ds, event, 
                    imageProxy, -15, -15, 1.00);
            }
            
            // dragEnter事件管理器用来使画布容器可以被放入数据。
            private function dragEnterHandler(event:DragEvent):void {
                if (event.dragSource.hasFormat("img"))
                {
                    DragManager.acceptDragDrop(Canvas(event.currentTarget));
                }
            }

           // dragDrop事件管理器用来在画布容器中，通过dropping来设定图片控件的位置。
            private function dragDropHandler(event:DragEvent):void {
                Image(event.dragInitiator).x = 
                    Canvas(event.currentTarget).mouseX;
                Image(event.dragInitiator).y = 
                    Canvas(event.currentTarget).mouseY;
            }
        ]]>
    </mx:Script>
  <mx:Panel 
        title="容器为放置目标示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">    
	    <!-- 画布为放置目标容器 --> 
	    <mx:Canvas id="v1" 
	        width="100%" height="100%"  
	        borderStyle="solid" 
	        backgroundColor="#FBF4D9"
	        dragEnter="dragEnterHandler(event);" 
	        dragDrop="dragDropHandler(event);">
        
	        <!-- 图片为拖动初始者 -->
	        <mx:Image id="myimg" 
	            source="@Embed(source='./assets/eek.gif')" 
            	mouseMove="mouseOverHandler(event);"/> 
    	</mx:Canvas>
   </mx:Panel> 
</mx:Application>

 

6. 拖放事件管理示例：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\ListToListShowFeedback.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    creationComplete="initApp();">

    <mx:Script>
        <![CDATA[
            import mx.managers.DragManager;
            import mx.events.DragEvent;
            import mx.collections.ArrayCollection;
    
            private function initApp():void {
                firstList.dataProvider = new ArrayCollection([
                    {label:"第一列", data:"1"},
                    {label:"第二列", data:"2"},
                    {label:"第三列", data:"3"},
                    {label:"第四列", data:"4"}
                ]);
                secondList.dataProvider = new ArrayCollection([]);
            }

            private var tempBorderColor:uint;
            private var borderColorSet:Boolean = false;

            private function dragOverHandler(event:DragEvent):void {
                event.preventDefault();
                
                // 调用showDropFeedback(event)来显示放置标记。
                event.currentTarget.showDropFeedback(event);
            
                if (event.dragSource.hasFormat("items"))
                {
                     if (borderColorSet == false) {                 
                        tempBorderColor = 
                            event.currentTarget.getStyle('borderColor');
                        borderColorSet = true;
                    }
                
                    // 设定拖动回复的标记，并改变放置目标外框为红色。
                    event.currentTarget.setStyle('borderColor', 'red');
                    if (event.ctrlKey) {                    
                        DragManager.showFeedback(DragManager.COPY);
                        return;
                    }
                    else if (event.shiftKey) {
                        DragManager.showFeedback(DragManager.LINK);
                        return;
                    }
                    else {
                        DragManager.showFeedback(DragManager.MOVE);
                        return;
                    }
                }

                // 标记不能放置。
                DragManager.showFeedback(DragManager.NONE);                
            }
            
            private function dragDropHandler(event:DragEvent):void {
                dragExitHandler(event);
            }            

            // 恢复外框的颜色。
            private function dragExitHandler(event:DragEvent):void {
              event.currentTarget.setStyle('borderColor', tempBorderColor);
              borderColorSet = true;
            }
        ]]>
    </mx:Script>
  <mx:Panel 
        title="改变放置目标属性示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">   
	    <mx:HBox id="myHB">
	        <mx:List  id="firstList" 
	            dragEnabled="true"/>
	
	        <mx:List  id="secondList" 
	            borderThickness="2"
	            dropEnabled="true"
	            dragMoveEnabled="true"
	            dragOver="dragOverHandler(event);"
	            dragDrop="dragExitHandler(event);"
	            dragExit="dragExitHandler(event);"/>
	    </mx:HBox>
  </mx:Panel>
</mx:Application>

 

7.在不同列表类控件之间移动和复制数据示例：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\DandDListToDG.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    creationComplete="initApp();">

    <mx:Script>
        <![CDATA[
            import mx.events.DragEvent;
            import mx.managers.DragManager;
            import mx.core.DragSource;
            import mx.collections.IList;
            import mx.collections.ArrayCollection;
    
            private function initApp():void {
                srcList.dataProvider = new ArrayCollection([
                    {label:"第一列", data:"1"},
                    {label:"第二列", data:"2"},
                    {label:"第三列", data:"3"},
                    {label:"第四列", data:"4"},
                ]);
                
                destDG.dataProvider = new ArrayCollection([]);
            }

            private function dragDropHandler(event:DragEvent):void {
              if (event.dragSource.hasFormat("items"))
              {
                // 定义自处理dragDrop事件。
                event.preventDefault();

                event.currentTarget.hideDropFeedback(event);

                // 得到放置目标。
                var dropTarget:DataGrid = 
                  DataGrid(event.currentTarget);

                var itemsArray:Array = 
                    event.dragSource.dataForFormat('items') as Array;
                var tempItem:Object = 
                    { label: itemsArray[0].label, 
                      data: itemsArray[0].data, 
                      date: new Date()
                    };
    
                // 得到在放置目标上的放置位置。
                var dropLoc:int = dropTarget.calculateDropIndex(event);
       
                IList(dropTarget.dataProvider).addItemAt(tempItem, dropLoc);
                
                
              }
            }
        ]]>
    </mx:Script>
    
  	<mx:Panel 
        title="不同类型控件中复制移动数据示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">  
	    <mx:HBox>
	        <mx:List  id="srcList" 
	            dragEnabled="true"
	            dragMoveEnabled="true"/>
	
	        <mx:DataGrid  id="destDG" 
	            dropEnabled="true"
	            dragDrop="dragDropHandler(event);">
	            <mx:columns>
	                <mx:DataGridColumn headerText="名称" dataField="label"/>
	                <mx:DataGridColumn headerText="数据" dataField="data"/>            
	                <mx:DataGridColumn headerText="日期" dataField="date"/>            
	            </mx:columns>                
	        </mx:DataGrid>            
	    </mx:HBox>
	</mx:Panel>
	
</mx:Application>
 

8. 不同类型的非列表类控件之间移动或复制数据示例：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- dragdrop\DandDImageCopyMove.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="horizontal">

    <mx:Script>
        <![CDATA[
            import mx.managers.DragManager;
            import mx.core.DragSource;
            import mx.events.DragEvent;
            import flash.events.MouseEvent;

            [Embed(source='./assets/eek.gif')]
            public var globeImage:Class;

            // mouseMove数据管理用来定义图片控件的功能。
            private function mouseOverHandler(event:MouseEvent):void 
            {                
                var dragInitiator:Image=Image(event.currentTarget);
                var ds:DragSource = new DragSource();
                ds.addData(dragInitiator, "img");               

                // 拖动管理器所以图片作为拖动代理。
                var imageProxy:Image = new Image();
                imageProxy.source = globeImage;
                imageProxy.height=10;
                imageProxy.width=10;                
                DragManager.doDrag(dragInitiator, ds, event, 
                    imageProxy, -15, -15, 1.00);
            }
            
            // dragEnter事件管理器用来定义放置目标。
            private function dragEnterHandler(event:DragEvent):void {
              if (event.dragSource.hasFormat("img"))
                DragManager.acceptDragDrop(Canvas(event.currentTarget));
            }
            
            // dragOver事件管理器设定拖放操作为复制还是移动。 
            // 复制或移动会影响在dragComplete事件管理器中的操作。
            private function dragOverHandler(event:DragEvent):void
            {
                if (event.dragSource.hasFormat("img")) {
                    if (event.ctrlKey) {                    
                        DragManager.showFeedback(DragManager.COPY);
                        return;
                    }
                    else {
                        DragManager.showFeedback(DragManager.MOVE);
                        return;
                    }
                }

                DragManager.showFeedback(DragManager.NONE);
            }
            
            // dragDrop事件管理器设定图片控件在目标容器中的位置。
            private function dragDropHandler(event:DragEvent):void {
              if (event.dragSource.hasFormat("img")) {
                  var draggedImage:Image = 
                    event.dragSource.dataForFormat('img') as Image;
                  var dropCanvas:Canvas = event.currentTarget as Canvas;
              
                  var newImage:Image=new Image();
                  newImage.source = draggedImage.source;
                  newImage.x = dropCanvas.mouseX;
                  newImage.y = dropCanvas.mouseY;
                  dropCanvas.addChild(newImage);
              }
            }
            
            // dragComplete事件管理器用来完成复制或移动图片。
            private function dragCompleteHandler(event:DragEvent):void {
                var draggedImage:Image = 
                    event.dragInitiator as Image;
                var dragInitCanvas:Canvas = 
                    event.dragInitiator.parent as Canvas;

                if (event.action == DragManager.MOVE)
                    dragInitCanvas.removeChild(draggedImage);
            }            
        ]]>
    </mx:Script>

  	<mx:Panel 
        title="不同类型的非列表类控件中复制移动图片示例" width="90%" height="90%"
		horizontalAlign="center"
		verticalAlign="middle">  
	
	    <mx:HBox width="100%" height="100%">
	    	<mx:Canvas 
	    	    width="200" height="200"  
	    	    borderStyle="solid" 
	    	    backgroundColor="#FFF6D5">
	    	    
	    	    <mx:Image id="myimg" 
	    	        source="@Embed(source='./assets/eek.gif')" 
	    	        mouseMove="mouseOverHandler(event);"
	    	        dragComplete="dragCompleteHandler(event);"/> 
	    	</mx:Canvas>
	    	<mx:Canvas
	    	    width="200" height="200"  
	    	    borderStyle="solid" 
	    	    backgroundColor="#FEDEF1"
	    	    dragEnter="dragEnterHandler(event);" 
	    	    dragOver="dragOverHandler(event);"
	    	    dragDrop="dragDropHandler(event);">        
	    	</mx:Canvas>
	    </mx:HBox>
	</mx:Panel>
	
</mx:Application>
 

 

分享到：
| 使用@Embed嵌入元素
评论
2 楼 天梯梦 2011-11-23  
Sev7en_jun 写道
lz我有个问题想请教你
比如说 从java哪里获取了一个List对象，那么怎么用下面红色部分标签显示(我已经获取到了List)
<mx:DataGrid>
  <mx:dataProvider>
    <mx:ArrayCollection id="list" list="{userColls}">
     </mx:ArrayCollection>   </mx:dataProvider>
</mx:DataGrid>

不使用下面这种方式，就只使用上面那种怎么可以实现？
<mx:DataGrid id="list" dataProvider="{userColls}">



可以将从java获取的list，循环加入flex数组当中。
1 楼 Sev7en_jun 2011-11-22  
lz我有个问题想请教你
比如说 从java哪里获取了一个List对象，那么怎么用下面红色部分标签显示(我已经获取到了List)
<mx:DataGrid>
  <mx:dataProvider>
    <mx:ArrayCollection id="list" list="{userColls}">
     </mx:ArrayCollection>   </mx:dataProvider>
</mx:DataGrid>

不使用下面这种方式，就只使用上面那种怎么可以实现？
<mx:DataGrid id="list" dataProvider="{userColls}">
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Flex 3 拖放实现

    在 Flex 3 中，拖放功能（Drag & Drop）是一种常见且实用的用户交互方式，允许用户通过鼠标操作将一个对象从一处拖动到另一处，常用于文件管理、数据交换等场景。 拖放功能在 Flex 3 中主要由两个核心组件支持：`...

    Flex3组件拖放教程

    ### Flex3组件拖放教程知识点总结 #### 一、关于组件拖放 拖放功能是Flex3中一种非常实用的功能，它可以实现用户界面元素的直观交互。通过拖放操作，用户能够选择一个对象（例如`List`控件或Flex中的`Image`控件）...

    Flex3+组件拖放教程

    `DragManager` 是Flex中全局的拖放管理器，负责处理所有的拖放操作，而`DragSource` 则是定义拖放源的类，它定义了被拖动的数据以及与之相关的视觉效果。 首先，要实现拖放操作，你需要设置一个可拖动的组件。这...

    flex中 Tree树节点内部拖动实例（此实例限制了什么节点可以拖动及拖动到什么位置）

    这个实例涉及的是在Flex中的Tree组件实现节点的内部拖放功能，这对于创建交互式用户界面，尤其是数据层级结构的展示非常有用。在本文中，我们将详细探讨如何在Flex的Tree组件中实现节点的拖放操作，并且限制可拖动的...

    flex 拖拽效果程序

    在本文中，我们将深入探讨如何在Flex环境中实现拖放（Drag and Drop）效果，这是基于Adobe Flex的一个关键交互功能。Flex是一种开源的、基于ActionScript的框架，用于构建富互联网应用程序（RIA）。拖放功能使得用户...

    Flex拖拽控件效果

    在Flex中，实现拖放（Drag and Drop）功能主要涉及两个核心类：`DragManager`和`DragInitiator`。`DragManager`是系统级别的服务，负责管理整个应用的拖放操作，而`DragInitiator`通常是一个可拖动的UI组件，如...

    Flex拖拽库flex拖拽库

    3. 第三方库：除了Flex自身的拖放支持，还有一些第三方库，如DragAndDropLib，提供了更高级的功能和定制选项，例如复杂的拖放规则、多层嵌套的拖放等。 综上所述，Flex的拖放功能是其强大用户界面设计能力的一部分...

    Flex关于拖拽编程

    Flex中的拖放操作主要依赖于`DragManager`类，它是整个拖放过程的核心。`DragManager`提供了一系列静态方法和属性，用于控制和监控拖放行为。例如，`DragManager.enableDrag()`可以开启拖放功能，而`DragManager....

    flex 拖拽的例子

    `.flexProperties`, `.project`, `.settings`, `libs`, `html-template`, `src` 可能包含了实现拖放功能的源代码、项目配置和资源文件，通过查看这些文件，可以更深入地学习和实践Flex拖放功能的实现。

    flex 拖拽功能 中文文档

    Flex框架提供了一套强大的机制用于实现拖放（drag and drop）功能，这在用户界面设计中极为常见，特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能，包括其工作原理、关键概念、以及如何在实际...

    Flex基础培训-6-拖放与过滤

    ### Flex基础培训-6-拖放与过滤 #### 拖放操作概念 在现代的交互设计中，拖放操作是一种极为常见的数据处理方式。它不仅简化了用户的操作流程，还提高了应用程序的用户体验。例如，在Windows操作系统中，我们可以...

    Flex4实现拖拽功能

    在Flex4中，拖放（Drag and Drop，简称DnD）功能是一项强大的交互设计工具，它允许用户通过直观的拖动操作在界面上移动或转移数据。在本主题中，我们将深入探讨如何在Flex4中实现图片的拖放功能，包括两种模式：拖动...

    flex3一个简单购物车拖拽的例子

    在Flex3中，你可以创建具有丰富用户界面和交互功能的应用程序，而“flex3一个简单购物车拖拽的例子”是一个演示如何在Flex环境中实现拖放功能的实例。这个例子展示了如何将商品图标或项拖入数据网格（DataGrid）中，...

    flex_api （FLEX接口）

    开发者可以通过拖放或编写代码来使用这些组件，快速构建用户界面。Flex API提供对这些组件的访问和自定义，允许开发者扩展和定制组件行为。 5. **数据绑定** Flex API支持数据绑定，这意味着UI组件可以直接与数据...

    flex中拖拉拽好实例objecthandles

    总的来说，"flex中拖拉拽好实例objecthandles"是一个关于Flex拖放机制的实践案例，特别强调了ObjectHandle组件的使用，这对于开发具有高度交互性的Flex应用来说是非常有价值的。通过分析和学习这个实例，开发者能够...

    Flex 拖拽例子 从不同组件间拖拽

    在Flex中，拖放（Drag and Drop）功能是一个常见的用户交互模式，允许用户通过鼠标操作将一个对象从一个位置移动到另一个位置，通常在不同的组件之间。这种功能在各种类型的应用程序中都很常见，例如文件管理器、...

    flex拓扑示例(可以拖动)

    Flex是Adobe公司开发的一种基于ActionScript ...通过学习这个"flex拓扑示例(可以拖动)"，你可以深入了解Flex的拖放机制，提升你在Flex应用开发中的交互设计能力。同时，它也是理解Flex组件和事件模型的一个实用案例。

    flex全书籍 flex全书籍

    6. **Flex Builder/Flash Builder**：Adobe的集成开发环境（IDE），提供了图形化的组件拖放、代码提示、调试等功能，大大提升了Flex开发效率。 7. **Flex应用生命周期**：从初始化、布局计算、绘制到事件处理，理解...

    flex DragTile.zip DragTile.zipDragTile.zip

    本次我们将关注一个名为"DragTile"的项目，它利用Flex强大的拖放功能来实现元素的动态布局。通过分析项目压缩包中的文件，我们可以深入理解Flex在拖放操作中的实现方式。 首先，`.actionScriptProperties`文件是...

    Flex3学习指南-是初学者学习Flex必备资料1

    它使得非程序员也能通过拖放组件来构建界面，而无需深入了解底层代码。 4. **ActionScript 3.0**：Flex的核心编程语言，是AS2的升级版，具有类型安全性和面向对象特性。ActionScript 3.0的性能显著提升，是构建高...

Magicbox
Global site tag (gtag.js) - Google Analytics