随笔分类 -  Flex

图像的旋转缩放平移变换公式
摘要:图像的旋转缩放平移变换公式在前两天的应用中,用Flex简单写了一个拖动图片缩放的ObjectHandler控件,当时的功能还比较简单,只有缩放功能,不能平移和旋转。太不完整了!平移还好,旋转一来,就有点头疼了。旋转必然要涉及旋转中心点的问题。一般的情况是缩放的中心点是图片左上角,旋转的中心点是图片的中心,如果用户每操作一次就要手动去改变一下中心点,不仅逻辑上繁琐,也给调试带来很大的不便,最后不仅错在哪一步不知道,连怎么错的都不知道!!!。那么,比较好的解决办法是,指定中心点center,给定平移量shift,缩放量scale,旋转量rotate,及图片的原始宽高size 即可保证图片正确显示。 阅读全文
posted @ 2013-09-17 09:56 花森 阅读(3365) 评论(0) 推荐(0)
Flex 学习笔记------ 自定义拖放控件ObjectHandler
摘要:Flex 学习笔记------ 自定义拖放控件ObjectHandlerFlex里面写动画效果甚是简单,而且没有兼容性问题,这一点比js好太多了。也是最近学习Flex以来感到令人欣慰的地方。废话不多说,进入正题。现在的需求是给定一张图片(或其他控件也可以,暂时我就按自己做的项目上的来举例吧),要求拖动四个角的时候,图片可以按比例缩放。这么一个常见的需求,不用多想,网上肯定已经有现成的控件了不是。google一下,果然,ObjectHandles,这个类库还能支持旋转。功能看那上去很强大,但是,跟我的需求还是有些冲突,我的要求是拖动四个角的时候图片大小按比率缩放,不能拉伸。没关系,没有的东西就自 阅读全文
posted @ 2013-09-15 16:58 花森 阅读(594) 评论(0) 推荐(0)
Flex 学习笔记------ stopDrag bug: 不更新x,y位置信息
摘要:startDrag stopDragFlex的sprite有自带的拖动方法,startDrag, stopDrag:1.startDrag方法: startDrag(lockCenter:Boolean= false, bounds:Rectangle= null):void参数 lockCenter:Boolean(default = false)— 指定将可拖动的 sprite 锁定到指针位置中心 (true),还是锁定到用户第一次单击该 sprite 的位置 (false)。 bounds:Rectangle(default = null)— 相对于 Sprite 父级的坐标的值,用.. 阅读全文
posted @ 2013-09-04 23:05 花森 阅读(436) 评论(0) 推荐(0)
Flex 学习笔记------自定义按钮状态切换样式
摘要:自定义按钮状态切换样式Flex 中按钮的状态主要分为四种,up、down、over、disabled。在Flex 3.x的版本中,可以给 Button 组件绑定四种不同的icon:upIcon、downIcon、overIcon、disabledIcon。.button{ upIcon: Embed(source='imgurl'), downIcon: Embed(source='imgurl'), overIcon: Embed(source='imgurl'), disabledIcon: Embed(source='imgurl& 阅读全文
posted @ 2013-08-09 16:50 花森 阅读(2052) 评论(0) 推荐(0)
Flex 学习笔记------组件和视图
摘要:Flex 学习笔记------ 组件和视图 阅读全文
posted @ 2013-08-07 10:31 花森 阅读(200) 评论(0) 推荐(0)
Flex 学习笔记------基于LZMA的文件压缩与上传
摘要:基于LZMA算法的文件压缩与上传LZMA Encoder是AS3下使用LZMA算法压缩数据的类库。1. 压缩使用方法:// 初始化 LZMAEncoder 实例var lzma_enc:LZMAEncoder = new LZMAEncoder();// 调用压缩接口 (同步式/阻塞式)lzma_enc.encode(input_data:ByteArray, output_data:ByteArray);// -----------------// 异步调用方法// -----------------lzma_enc.addEventListener(Event.COMPLETE, onAs 阅读全文
posted @ 2013-08-07 10:31 花森 阅读(499) 评论(1) 推荐(0)
Flex 学习笔记------FLACC & Crossbridge
摘要:FLACC & Crossbridge前段时间在研究如何在Flex项目中处理图片的一些信息,比如获取图片的颜色通道,DPI信息等,搜索了半天还是一无所获。图像处理是一个比较复杂的过程,不过想来前端处理图像也是一个必然的趋势。看看这个腾讯web在线图像处理平台,web图像处理的时代已然来临。如果以后可以直接在线PS,这是一件多么令人激动与振奋人心的事情!言归正传,既然没有现成的flex处理图像的类库,也没有能力自己动手写一个,那还是想想其他办法吧。我们知道基于c/c++处理图像的类库有很多,比如OpenGL, ImageMagic, CxImage等等,如果Flex可以提供直接调用这些类 阅读全文
posted @ 2013-08-07 10:22 花森 阅读(1459) 评论(0) 推荐(0)
Flex 学习笔记------全局事件
摘要:全局事件在学习Flex的过程中,NavigatorContent 可以将不同的页面分离,这样很好的降低了代码的耦合度。但不同子页面间的数据传递或事件响应则显得稍微复杂。例如: 这里就将 myPage1 和 myPage2 两个子页面分离了,这样两个页面的功能可以单独编写。subpages是自定义的一个命名空间,需要在 application头部加上:如果这时 myPage2 需要获取 myPage1 的数据或者 myPage1 中的某个状态变换需要改变 myPage2 中的某个状态,即 myPage1 需要与 myPage2 之间进... 阅读全文
posted @ 2013-08-06 16:58 花森 阅读(460) 评论(0) 推荐(0)
Flex 学习笔记------对象的深层拷贝
摘要:对象的深层拷贝Flex 中对象的拷贝使用的是 ByteArray 类的 writeObject 方法。1. 简单对象直接上代码:private function cloneObj(target:Object): *{ var copier:ByteArray = new ByteArray(); copier.writeObject(target); copier.position = 0; return copier.readObject();}var testTarget:Object = { name: 'zyc', ... 阅读全文
posted @ 2013-08-05 14:27 花森 阅读(360) 评论(0) 推荐(0)
Flex 学习笔记------as 与 js 的通信
摘要:AS 中的ExternalInterface类 可以用于和JS的交互1. AS 调用 JSAS 调用 JS 主要使用 ExternalInterface.call() 方法:var result:String = ExternalInterface.call("jsFunc",params);// jsFunc 是 js里面对应该函数的引用,params是该函数的形参 2. JS 调用 AS要想在 JS 中调用 AS,需要现在 AS 中调用ExternalInterface.addCallback() 方法: private function asFunc(s:String 阅读全文
posted @ 2013-07-25 21:13 花森 阅读(333) 评论(0) 推荐(0)
Flex 学习笔记------Local Shared Object 和 Custom Class
摘要:Local Shared Objectactionscript中,SharedObject类可以把数据存在客户端。shared object 有两种类型:local 和 remote。其中Local Shared Object (LSO)类似于浏览器的cookie缓存功能,可以用来记录用户的登录状态或是其他信息。相对于cookie来说,LSO可以存储更多的数据量且不会超期。1. 读写 LSOvar example:SharedObject = SharedObejct.getLocal("example");这里getLocal()方法,若存在名为example的LSO,则 阅读全文
posted @ 2013-07-19 22:56 花森 阅读(489) 评论(0) 推荐(0)
Flex 学习笔记------读取Jpeg图片的width,height和colorSpace
摘要:最近开始学习Flex开发,遇到一个需求:上传图片之前需要在本地先预览图片。但是有两个问题: 1.flex4里面还不支持对*.tif 和 *.tiff格式的预览,一方面可能是因为tif图的体积比较大,非常耗内存,另一方也有可能是因为tif图片的格式比较复杂。 2.Jpeg格式的图片中颜色通道主要分为三种:rgb,cmyk,grey。而cmyk的图片在浏览器中显示时颜色会失真。问题1没有想到好的解决的办法,虽然也在github上找到一个开源的读取tif图片的类库,但是体积过大,预览的时间很慢。关键的是tif格式的图片中颜色通道为cmyk的还是不能正确的显示。下面是部分代码,及测试效果: ... 阅读全文
posted @ 2013-07-19 15:43 花森 阅读(1133) 评论(1) 推荐(0)
Flash在chrome下的调试
摘要:Flash在chrome下的调试对于做开发的来说,没有调试简直就是无法想象的事情。最近开始学习Flex,却发现在chrome下不能调试,设置IE为默认浏览器后居然就就可以了。百思不得其解,网上一搜,果然,chrome的插件问题。chrome自带了一个flash的插件,虽然装的是flash的debug版本,但是chrome仍然使用的自己默认的flash,没有用我们安装的debug版。解决办法很简单,禁用掉这个默认的flash插件。网上还有人说最好安装的也是非IE内核的Flash Debug插件。所以总结起来注意两点:1安装的非IE内核的Flash Debug插件。下载地址:http://www. 阅读全文
posted @ 2013-04-28 16:39 花森 阅读(318) 评论(0) 推荐(0)