Flex拓扑图设计-有趣的鹰眼

最新推荐文章于 2012-01-05 09:56:16 发布

Arjick

最新推荐文章于 2012-01-05 09:56:16 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVA开发技能 Flex开发技能文章标签： flex function matrix string encoding domain

本文链接：https://blog.youkuaiyun.com/arjick/article/details/6256805

JAVA开发技能同时被 2 个专栏收录

49 篇文章

订阅专栏

Flex开发技能

39 篇文章

订阅专栏

本文介绍了在Flex中开发鹰眼功能的过程，该功能包括显示缩略图、实时交互、定位和缩放。通过示例代码展示了如何将视图数据绘制到鹰眼，并讨论了内存控制的重要性，特别是针对长时间运行导致的内存占用过大的问题。

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

开发鹰眼是整个topo图开发中最为纠结的事情，我也是经过一段很艰苦的日子才可以完善这个鹰眼的功能。

鹰眼主要功能有：

1、看到整个视图的缩略图

2、视图的变化立刻在鹰眼中体现

3、鹰眼有定位功能

4、鹰眼具备缩放功能

请大家看我第一篇设计文章的视图

左边的鹰眼是和右边视图是实时交互的，实际上来说，左边的鹰眼是定时去读左边canvas的。把这个画布的数据缩放在鹰眼。

<?xml version="1.0" encoding="utf-8"?> <BaseSimpleCanvas xmlns="com.shine.framework.view.*" xmlns:mx="http://www.adobe.com/2006/mxml" borderColor="0xC4CCCC" borderStyle="outset" creationComplete="eagerViewCreate()" verticalScrollPolicy="off" horizontalScrollPolicy="off" backgroundColor="0xffffff"> <mx:Script>  </mx:Script> <mx:VBox width="100%" height="100%" verticalGap="0" horizontalGap="0"> <mx:Image id="eagleImage" maxWidth="{this.width}" maxHeight="{this.height-30}" creationComplete="{this.completeLoading()}" click="{changePoint()}"/> <mx:HBox width="100%" height="30" verticalGap="0" horizontalGap="0" backgroundColor="0xF3F3F3"> <mx:HSlider id="reSize" value="1" minimum="0.6" maximum="1.5" liveDragging="true" change="{effectSize()}" width="100%" height="100%" enabled="false"/> <mx:Label text="{String(Number(String(reSize.value).substring(0,4))*100)+'%'}"/> </mx:HBox> </mx:VBox>  </BaseSimpleCanvas>

这个是鹰眼画布的代码，首先声明这个代码是无法独立运行的.

public function initEagleImage(value:UIComponent):void 这个方法是把视图画布放在鹰眼中显示

public function effectSize():void 是控制视图缩放，包括视图底图的缩放

private function changePoint():void 是鹰眼中控制定位的功能

鹰眼开发不会很难，最麻烦是鹰眼的内存控制。自从视图加入鹰眼后，我的flex拓扑图在运行1个小时候，通常都占用内存过大。为了解决这个问题，我做很多方法的尝试，特别控制内存回收问题。

private function getBitmapData(target:UIComponent):BitmapData { var bd:BitmapData=new BitmapData(target.width, target.height); var m:Matrix=new Matrix(); bd.draw(target, m); m=null; target=null; return bd; }

这么写也为了有效控制flex的内存。如果大家有兴趣我可以把flex内存控制一些办法和大家交流一下。