Flex之拖放

最新推荐文章于 2015-11-02 11:27:16 发布
原创 最新推荐文章于 2015-11-02 11:27:16 发布 · 155 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Flex #Adobe #XML #Flash #读书

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>
 

 

Flex 3 拖放实现
02-04
在 Flex 3 中，拖放功能（Drag & Drop）是一种常见且实用的用户交互方式，允许用户通过鼠标操作将一个对象从一处拖动到另一处，常用于文件管理、数据交换等场景。 拖放功能在 Flex 3 中主要由两个核心组件支持：`...
FLEX拖拽实现及介绍
xiafuyuan的专栏
06-05 1047
Flex组件内置了处理拖拽事件的接口，有些控件已经实现了拖拽功能，比如List、DataGrid、Menu、 HorizontalList、 PrintDataGrid、TileList、Tree，在设置相关的拖拽属性后，它们都可以在相同类型的组 件之间利用鼠标来实现数据的转移。 allowDragSelection          是否可以拖选 allowMultipleSel
Flex拖放
dragonzoebai的专栏
07-02 641
<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">
Flex之接受拖放外部文件
bingheliefeng的专栏
11-02 747
//直接拖放 protected function container_nativeDragEnterHandler(event:NativeDragEvent):void { NativeDragManager.dropAction = NativeDragActions.COPY ; NativeDragManager.acceptDragDrop(event.target as Int
flex增加拖放功能(翻译原创)
10-21 176
原文连接：Adding drag-and-drop support 增加拖放功能 视觉开发环境典型地让您操作对象在应用程序中使用鼠标选择他们并在屏幕上四处移动。Flex拖放管理器让您选择一个对象，譬如List组件里的一个item（选项），或者是一个image（图片）组件，然后拖拽它到其他组件而添加到这个组件上。所有的Flex组件都支持拖放操作。Flex中的某些控件的附加功能也包括...
Flex之拖放行为(3) ------ 拖放行为示例
【昆山人在上海】
03-03 1332
1.容器为放置目标示例： <!--[CDATA[ import mx.managers.DragManager; import mx.core.DragSource; import mx.events.DragEvent; import flash.
flex实现拖放功能
liusong721的专栏
09-03 984
<!--[CDATA[ import mx.core.BitmapAsset; import mx.core.DragSource; import mx.events.DragEvent; import mx.managers.DragManager; private var xoffset:Number; private var yo
Flex之拖放行为(4) ------ 移动和复制数据
【昆山人在上海】
03-03 1606
1.在不同列表类控件之间移动和复制数据示例：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp();"> <!--[CDATA[ import mx.events.DragEvent;
Flex之拖放行为(1) ------ 列表类控件的拖放
【昆山人在上海】
03-03 716
1.一个方向的拖放：代码如下：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp();"> <!--[CDATA[ import mx.collections.ArrayCollectio
Flex之拖放行为(2) ------ 手工拖放(人为添加拖放行为)
【昆山人在上海】
03-03 1019
代码如下：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white"> <!--[CDATA[ import mx.core.DragSource; import mx.managers.DragMa
Flex组件拖放详解：操作流程与实例应用
FLEX组件拖放详细描述是一篇关于Adobe Flex库中组件拖放功能的深入指南。作者一路风尘在文章中详细阐述了如何在Flex应用程序中实现拖放操作，这对于理解和应用这一交互特性至关重要。以下是文章的主要知识点概览： ...
Flex3组件拖放功能深入解析教程
从文件名“Flex3+组件拖放教程--一路风尘.pdf”中可以推断，该教程文件可能详细介绍了在Flex3框架下如何实现组件的拖放功能。教程内容可能会涵盖从拖放的基础知识到高级应用，包括具体代码示例、事件处理逻辑、以及...
Flex3组件拖放操作详解
可视化开发环境中，拖放操作是用户与应用进行交互的重要方式之一。在Flex3中，不仅可以对标准组件如List、Tree和DataGrid启用拖放功能，还可以自定义组件来支持拖放。Flex3内置了对这些组件的拖放支持，它们能够...
形状补间动画
Just Code
06-16 6051
形状补间动画(1)      形状补间动画是Flash中非常重要的表现手法之一，运用 它，你可以变幻出各种奇妙的、不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法， 学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例，帮助你更深地理解形状补间动画。   1 ．形状补 间动画的概念 ...
引导路径动画 (1)
Just Code
06-16 3731
引导路径动画(1)     在前面几节里，我们已经给大家介绍了一些动画效果，如飞机从山峰上飞过、辉光掠过文字等等，不知你注意到没有，这些动画的运动轨迹都是直线的，可是在生活中，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在 Flash 中能不能做出这种效果呢？   答案是肯定的，这就是“引导路径动画”。   将一个或多个层链接到一个运动引导层，使一个...
动作补间动画
Just Code
06-16 2022
动作补间动画(1)      动作补间动画也是 Flash 中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成 组对象”。   运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，你甚 至能做出令人称奇的仿 3D 的效果来。本节详细讲解了动作补间动画的特点及创建方法，并分析了动作补间动画和形状...
逐帧动画与人运动动画制作
Just Code
06-16 1821
人走路动画制作      人的走路动作： 人与其他动物在动作上最明显的区别是人是自立着行走的。 显示生活中我们每天走路，可是，要画好人的走路动作，是一门并不十分容易的基本功。 人走路动作的基本规律是：左右两脚交替向前，带动躯干朝前运动。为了在保持身体平衡，配合两条腿的曲伸、跨步，上肢的双臂就需要前后摆动。人在走路时了为 了保持重心，总是一腿支撑，另一腿才能提起跨步。因此，在走路...
遮罩动画
Just Code
06-16 1773
  遮罩动画（1）      在Flash的作品中，我们常常看到很多眩目神奇的效果，而 其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。   那么，“遮罩”如何能产生这些效果呢？ 在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧， 最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值