Flex拖拽 Canvas容器里拖动Box
2009-02-18
缩略显示
Flex拖拽-Canvas容器里拖动Box
文章分类:Web前端关键字: flex, flex拖拽, canvas, box
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.core.IUIComponent;
import mx.containers.Box;
import mx.containers.Canvas;
import mx.events.DragEvent;
import mx.managers.DragManager;
import mx.core.DragSource;
import mx.core.UIComponent;
private static const FORMAT:String = "box";
private function boxMouseDownHandler(evt:MouseEvent):void{
var iu:IUIComponent = evt.currentTarget as IUIComponent;
var dragSource:DragSource = new DragSource();
dragSource.addData( iu, FORMAT );
DragManager.doDrag( iu, dragSource, evt );
}
private function canvasDragEnterHandler(evt:DragEvent):void{
if(evt.dragSource.hasFormat(FORMAT)){
DragManager.acceptDragDrop(Canvas(evt.currentTarget));
}
}
private function canvasDragHandler(evt:DragEvent):void{
var box:Box = Box(evt.dragInitiator);
box.x = evt.localX;
box.y = evt.localY;
}
]]>
</mx:Script>
<mx:Canvas backgroundColor="0xEEEEEE" width="500" height="200" horizontalCenter="0" verticalCenter="0" dragEnter="canvasDragEnterHandler(event)" dragDrop="canvasDragHandler(event)">
<mx:Box width="20" height="20" backgroundColor="0x00FFCC" x="137" y="66" mouseDown="boxMouseDownHandler(event);"></mx:Box>
</mx:Canvas>
</mx:WindowedApplication>
当<mx:Box>发出mouseDown事件时，boxMouseDownHandler 方法被调用并且拖拽源数据被增加到DragManager。
canvasDragEnterHandler检查拖拽源的格式
释放时canvasDragHandler方法改变拖拽源的位置
相关文档：
进入年末，项目也开发得差不多了，只是偶尔需要出差安装我们系统，当然出差是男人们的事，也就不会让我出差了，因而最近时间比较充裕，就借此机会学习了一下Flex。刚开始学，是根据Flex3权威指南的视频教程来的，第一讲学完了，感觉还比较容易，第二讲一直没下下来，所以先对第一讲学的做个笔记。
一、新建工程：File&mdas ......
在项目中用到了多个module时，在第一次加载Module是可以的。在第二次加载module时会出现转换失败
解决方法：
如下为解决办法：在要调用远程对象的Application文件里面，加上如下声明语句：
import flash.net.registerClassAlias;
registerClassAlias("JAVA端的类全名",A ......
1.复制内容到系统剪贴板
System.setClipboard(strContent);
2.复制一个ArrayCollection
//dummy solution( well, it works )
var bar:ArrayCollection = new ArrayCollection();
for each ( var i:Object in ac ){
bar.addItem( ......
要在Flex的DataGrid里添加序号列，大体上有两种方法：
设置DataGridColumn的labelFunction。
其大致的思路是，获取到当前DataGrid的dataProvider及当前行的data，调用getItemIndex方法获取到当前的行的序号。
具体可参考 http://wmcai.blog.163.com/blog/static/480242008111115724283/。这种方法比较直观，也很容� ......
今天在把玩开源的flex系统和控件时碰到了字体不能编译的问题，所以对字体进行了较为深入的研究。
Flex 支持的True Type和Open Type类型的字体
讲下他们之间的区别
TrueType 字体可调整到任意大小，并且在所有大小情况下，都是清晰可读的。可以将它们发送给 Windows 支持的任何打印机或其他输出设备。
OpenType 字体与 T ......
