- 浏览: 247521 次
- 性别:
- 来自: 厦门
文章分类
最新评论
-
topbox163:
图片显示不了
Flex 学习曲线图 -
彭利贤:
你好,想请教您一些关于flash的问题,您可以加我qq吗 59 ...
全屏flash的尺寸分析 -
jingj6:
是开源的吗?
小日本做的非常强大的一款AS3 3D引擎 -
hugh52066:
LZ牛B。
Flex 学习曲线图 -
sweed0:
a dream~~
一个让人瞠目结舌的传奇电脑高手!
6.3.2 放缩效果和调整大小效果
Zoom 放缩效果 对对象进行放大或者缩小操作,是通过改变对象的水平比例scaleX 和垂直比例scaleY 来实现的。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style source="style.css" /> <mx:Script> <![CDATA[ import mx.effects.Zoom; internal function zoomCanvas():void{ var newZoom:Zoom = new Zoom(); newZoom.zoomHeightFrom =0.01; newZoom.zoomWidthFrom = 0.01; newZoom.originX = 0; newZoom.originY = 0; newZoom.target = Canvas_1; newZoom.duration = 2000; newZoom.play(); } ]]> </mx:Script> <mx:Canvas id="Canvas_1" styleName="box" x="48" y="40" width="200" height="200" > <mx:Text x="15" y="37" text="文本,请注意放大过程中文本的变化" width="166" height="82"/> </mx:Canvas> <mx:Button x="48" y="277" label="放大" click="zoomCanvas()"/> </mx:Application>
始末位置的长宽比例 :zoomWidthFrom、zoomWidthTo、zoomHeightFrom、zoomHeightTo 。取0-1的值。默认1
动画的参照点坐标:originX 、originY。 默认以组件的中心点。
captureRollEvents:是否忽略动画过程中的鼠标移上和移出动作。
Resize 调整大小 效果和 Zoom 相比,似乎相同,其实两者区别很大。Resize 是重新确定对象的长宽属性。会影响子元素。
始末位置的长宽:widthFrom、widthTo、heightFrom、heightTo
长宽的增量: widthBy、heightBy
如果指定了widthTo 则会忽略widthBy。没有指定widthBy,则默认为当前的宽度。
hideChildreTargets:针对Panel组件,用来隐藏Panel组件的子级元素,同时临时关闭Panel组件的自动调整功能,直到动画结束后再重新恢复。这样可以提搞性能。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style source="style.css" /> <mx:Script> <![CDATA[ import mx.effects.Resize; import mx.events.TweenEvent; //鼠标动作 internal function resizeCanvas():void{ //创建新的Resize对象 var newResize:Resize = new Resize(); //设定高度和宽度的起始值 newResize.heightFrom = 200; newResize.widthFrom = 200; //高度的最终值 newResize.heightTo = 240; //宽度增加40相当于 widthTo = 240 newResize.widthBy = 40; //指定要隐藏内部元素的Panel newResize.hideChildrenTargets = [Panel_1,Panel_2]; newResize.target = Canvas_1; newResize.duration = 2000; //监听动画的结束事件 newResize.addEventListener(TweenEvent.TWEEN_END,EndHandler); Canvas_1.autoLayout = false; //注释掉这一句代码然后运行程序,观察差别 newResize.play(); } internal function EndHandler(evt:TweenEvent):void{ Canvas_1.autoLayout = true; } ]]> </mx:Script> <mx:Canvas id="Canvas_1" styleName="box" x="26" y="40" width="200" height="200" > <mx:Text x="10" y="10" text="说明:调整大小效果" width="166" height="26"/> <mx:Panel id="Panel_1" styleName="imgPanel" x="10" y="33" width="80%" height="80%" layout="absolute" title="面板一"> <mx:Image x="0" y="0" source="tree.jpg"/> </mx:Panel> </mx:Canvas> <mx:Button x="26" y="293" label="放大" click="resizeCanvas()"/> <mx:Panel id="Panel_2" styleName="imgPanel" x="279" y="40" width="134" height="129" layout="absolute" title="面板二"> <mx:Image x="0" y="0" source="tree.jpg"/> </mx:Panel> </mx:Application>
发表评论
-
如何使用Cairngorm3的导航库(Spring AS)
2011-08-29 17:39 2849一、概述 二、LIB库包配置 下载需要的LIB库 ... -
Flex学习笔记_06 使用行为对象和动画效果_模糊、发光效果
2008-09-27 22:33 31226.3.1 模糊效果和发光效 ... -
Flex学习笔记_06 使用行为对象和动画效果_认识行为对象、行为和组件
2008-08-17 01:30 21736.1 认识行为对象 6.1.1 什么是行为对象 行 ... -
Flex学习笔记_09 数据绑定_运用实例
2008-07-28 23:41 32119.3.1 实现界面的多语言切换 <?xml vers ... -
Flex学习笔记_09 数据绑定_晋级篇
2008-07-28 22:27 28269.2.1 函数和类级别的绑 ... -
Flex学习笔记_09 数据绑定_概念、使用
2008-07-21 23:32 20379.1 认识数据绑定 9.1.1 数据绑定的概念 ... -
Flex学习笔记_08 Flex的事件机制_高级应用
2008-07-16 23:11 31658.3 事件机制的高级应用 8.3.1 事件的优先级别和 ... -
Flex学习笔记_08 Flex的事件机制_事件工作流程
2008-07-15 09:05 26828.2 事件机制的工作流程 8.2.1 关于事件流 ... -
Flex学习笔记_08 Flex的事件机制_事件架构
2008-07-14 08:54 24518.1 一切从事件开始 8.1.1 关于事件 事件有 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础_数据类型及其运算、程序流程
2008-07-13 19:21 46047.3 数据类型和数据运算 7.3.1 关于数据类型 ... -
Flex学习笔记_07 ActionScript 3.0 编程基础
2008-07-09 23:15 28487.1 了解 ActionScript 3.0 7.1 ... -
Flex学习笔记_06 使用组件处理数据和交互_03控件的实例应用
2008-07-06 14:26 25493. 控件的实例应用 3.1 制作一个简单的涂鸦板 ... -
Flex学习笔记_06 使用组件处理数据和交互_02导航类组件
2008-07-02 00:04 29582. 导航类组件 2.1 ToggleButtonBa ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(下)
2008-06-30 10:37 4571Flex学习笔记_06 使用组 ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(中)
2008-06-29 22:50 3929Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_06 使用组件处理数据和交互_01常用组件(上)
2008-06-26 23:11 4476Flex学习笔记_06 使用组件处理数据和交互_01常用组件( ... -
Flex学习笔记_05 使用容器控制界面布局_03动态布局、导航容器、表单布局
2008-06-25 08:40 6674本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_05 使用容器控制界面布局_02窗口布局
2008-06-24 09:07 5052本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_05 使用容器控制界面布局_01管理程序的布局
2008-06-23 23:52 5603本文的相关文章: Flex学习笔记_05 使用容器控制界面布局 ... -
Flex学习笔记_04 MXML语言简介
2008-06-17 22:52 54141. MXML语法 MXML语言是专门用于Flex程序中, ...
相关推荐
网页上的热区可以随着网页大小进行等比放缩,实现手机端与pc端的位置同步
js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按拖动翻转,优秀源代码 js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按拖动翻转,优秀源代码 js银河特效,点击变换颜色,滑轮滚动放缩大小,鼠标长按...
计算机图形学 使用VS2012+openGL来实现图形图片的放缩等等
一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变);第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似。 本例子主要实现了Tweene动画,实现了...
js彩色圈圈,动态炫彩放缩旋转绽放,惊叹效果,前端小白必看! js彩色圈圈,动态炫彩放缩旋转绽放,惊叹效果,前端小白必看! js彩色圈圈,动态炫彩放缩旋转绽放,惊叹效果,前端小白必看! js彩色圈圈,动态炫彩...
·节点放缩[NODEZOOM] 基点节点名(字符串) X轴放缩倍数(数值) Y轴放缩倍数(数值) 3、新增节点整化功能,开启后将限制节点坐标并纠正对齐到矩线网络。 ——Ve.3.1.3 更新说明—— 1、修复没有连接或节点笔记文件...
命令"启动大容量命令传输模式:"和"start extra long command transmission mode:"接需要接收的字节数后可触发,接收足字节数后执行再命令。 例如:"启动大容量命令传输模式:1000" 或 "start extra long command ...
图片放缩功能 Demo
(学)高中数学数列放缩专题:用放缩法处理数列和不等问题.doc
基本的图像变化操作,包括锐化模糊,平移旋转,放缩,反色等
2019_2020学年高中数学课时作业8放缩法几何法反证法北师大版选修4_5202004200157
高考数学_压轴题_放缩法技巧全总结(最强大).doc
ZOOM.JS 仿 Medium 的图片放缩效果,超漂亮
锥齿轮空间放缩机构的理论分析及拓展,韩佳成,李端玲,为了解决平面直齿轮放缩机构放缩比、放缩空间较小的问题,本文提出了一种新型的锥齿轮空间放缩机构,其拥有折展比大、结构紧凑、
使用opencv自带的resize函数放缩会使轮廓点丢失或变暗,本代码可以实现轮廓形状不变放缩
调整规则,当“源图片路径”中的图片原始图片宽度大于所设定的宽度时程序才会去调整图片宽度,调整后的图片为原图等比例放缩的图片。 使用范围: 可用于批次处理相机拍摄的图片应用于需上传到网上的图片及其它,设计...
高考数学数列放缩法技巧全总结.pdf
主要介绍了C#实现窗体中的各个控件同比自动放缩大小,实现方式主要是利用panel控件为主题,对于每个控件的大小位置和字体这几个属性进行记录,然后根据窗体改变的大小同时放缩,需要的朋友可以参考下
附录3——同构新天地,放缩大舞台.pdf