flex day 5 air的drag和drop

本文介绍Adobe AIR应用程序中实现文件拖放功能的方法,包括如何利用剪切板对象处理不同类型的数据,如图片和文本文件,并展示了具体的事件处理过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

air里面的drag和drop和web里面的应用不太相同。看了一下,其实相当于去读取剪切板。

首先,需要创建一个clipborad的对象,通过剪切板传输数据和对象,包含了几个标准的格式,

  • BITMAP_FORMAT:一个 BitmapData 对象(仅限 AIR)
  • FILE_LIST_FORMAT:File 对象的数组(仅限 AIR)
  • HTML_FORMAT:HTML 格式的字符串数据
  • TEXT_FORMAT:字符串数据
  • RICH_TEXT_FORMAT:包含 RTF 格式数据的 ByteArray
  • URL_FORMAT:URL 字符串(仅限 AIR)
  • 主要使用的方法涉及到了getData(),setData(),hasFormat,分别对应获取,设置,检查clipboard对象信息。

    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
    					   xmlns:s="library://ns.adobe.com/flex/spark" 
    					   xmlns:mx="library://ns.adobe.com/flex/mx" styleName="plain" 
    					   width="100%" height="100%"
    					   >
    	<fx:Script>
    		<![CDATA[
    			import mx.controls.Alert;
    			import mx.core.IUIComponent;
    			import mx.managers.DragManager;
    		]]>
    	</fx:Script>
    	<fx:Declarations>
    		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
    	</fx:Declarations>
    	<s:nativeDragEnter>
    		<![CDATA[
    			if (event.clipboard.hasFormat(ClipboardFormats.FILE_LIST_FORMAT)){
    				var files:Array = event.clipboard.getData(ClipboardFormats.FILE_LIST_FORMAT) as Array;
    				if (files.length == 1){
    					DragManager.acceptDragDrop(event.currentTarget as IUIComponent);
    					//setStyle("backgroundColor", 0xccccff);
    				}
    			}
    		]]>
    	</s:nativeDragEnter>
    	<s:nativeDragExit>
    		<![CDATA[
    			
    		]]>
    	</s:nativeDragExit>
    	<s:nativeDragDrop>
    		<![CDATA[
    			var arr:Array = event.clipboard.getData(ClipboardFormats.FILE_LIST_FORMAT) as Array;
    			startImage.source = (arr[0] as File).url;
    			var j:String = (arr[0] as File).url;
    			trace(j.split(".")[1]);
    			if(j.split(".")[1] == "txt"){
    				var currentFile:File = arr[0];
    				var fs:FileStream = new FileStream();
    				fs.open(arr[0],FileMode.READ);
    				startTA.text = fs.readMultiByte(fs.bytesAvailable,File.systemCharset);
    				fs.close();
    				trace(startTA.text);
    			}
    		]]>
    	</s:nativeDragDrop>
    	<s:nativeDragOver>
    		<![CDATA[
    			
    			//var i:int = Math.floor(Math.random()*10);
    			//var j:String = "0x"+i+"000cc";
    			var i:int = event.stageX;
    			var j:int = event.stageY;
    			setStyle("backgroundColor",i*j);
    		
    		]]>
    	</s:nativeDragOver>
    	<mx:ViewStack id="startVS" width="100%" height="100%" creationPolicy="all">
    		<mx:Canvas width="100%" height="100%">
    			<mx:Text verticalCenter="0" horizontalCenter="0" color="white">
    				<mx:htmlText><![CDATA[<font size="20"><b>Drag an image here</b></font>]]></mx:htmlText>
    			</mx:Text>
    			<s:TextArea id="startTA" width="200" height="200"/>
    			<mx:Image id="startImage" width="100%" height="100%" horizontalAlign="center" verticalAlign="middle"/>
    		</mx:Canvas>
    	</mx:ViewStack>
    	
    </s:WindowedApplication>
    
     

    先看了例子。这里还用到了几个事件,分别是nativeDragEnter,nativeDragOver,nativeDragDrop,nativeDragExit

    主要是对air程序监听到了拖放信息的时候触发,当处于不同事件的时候做不同的事情。

    尝试了用Math.Radom(),去设置background的背景色。

    clipboard最终是一个Object File对象。

    这里还用到了String的split()方法,去获取文件的后缀名。把txt文件内容放到TextArea里面。

    所以拖拽的本质还是在操作  系统的剪切板,只是换了交互方式

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 “STC单片机电压测量”是一个以STC系列单片机为基础的电压检测应用案例,它涵盖了硬件电路设计、软件编程以及数据处理等核心知识点。STC单片机凭借其低功耗、高性价比丰富的I/O接口,在电子工程领域得到了广泛应用。 STC是Specialized Technology Corporation的缩写,该公司的单片机基于8051内核,具备内部振荡器、高速运算能力、ISP(在系统编程)IAP(在应用编程)功能,非常适合用于各种嵌入式控制系统。 在源代码方面,“浅雪”风格的代码通常简洁易懂,非常适合初学者学习。其中,“main.c”文件是程序的入口,包含了电压测量的核心逻辑;“STARTUP.A51”是启动代码,负责初始化单片机的硬件环境;“电压测量_uvopt.bak”“电压测量_uvproj.bak”可能是Keil编译器的配置文件备份,用于设置编译选项项目配置。 对于3S锂电池电压测量,3S锂电池由三节锂离子电池串联而成,标称电压为11.1V。测量时需要考虑电池的串联特性,通过分压电路将高电压转换为单片机可接受的范围,并实时监控,防止过充或过放,以确保电池的安全寿命。 在电压测量电路设计中,“电压测量.lnp”文件可能包含电路布局信息,而“.hex”文件是编译后的机器码,用于烧录到单片机中。电路中通常会使用ADC(模拟数字转换器)将模拟电压信号转换为数字信号供单片机处理。 在软件编程方面,“StringData.h”文件可能包含程序中使用的字符串常量数据结构定义。处理电压数据时,可能涉及浮点数运算,需要了解STC单片机对浮点数的支持情况,以及如何高效地存储显示电压值。 用户界面方面,“电压测量.uvgui.kidd”可能是用户界面的配置文件,用于显示测量结果。在嵌入式系统中,用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值