<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:Resize id="expand" target="{img}" widthTo="200" heightTo="200"
duration="10000" effectEnd="endEffectHandler();"/>
</fx:Declarations>
<mx:Image id="img" width="30" height="60"
source="@Embed(source='source/img1.jpg')"/>
<mx:Button id="button1" label="启动" click="expand.play();" x="103" y="197"/>
<mx:Button label="暂停" click="expand.pause();" x="188" y="197"/>
<mx:Button label="继续播放" click="expand.resume();" x="269" y="198"/>
<mx:Button label="逆序播放" click="expand.reverse();" x="355" y="198"/>
<mx:Button label="结束" click="expand.end();" x="434" y="197"/>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function endEffectHandler():void {
Alert.show("Effect 结束!");
}
/*
Resize 效果在指定的时间间隔更改组件的宽度或高度,或同时更改这两者。
属性
Resize:效果的持续时间(以毫秒为单位)。
事件
effectEnd:mx.events.EffectEvent.EFFECT_END
方法
play():
开始播放效果。通常在调用 play() 方法之前先调用 end() 方法,以确保在开始播放新效果前已结束先前效果的所有实例。
所有子类都必须实现此方法。
pause():
暂停效果,直到调用 resume() 方法。
resume():
在效果由 pause() 方法暂停后继续播放效果。
reverse():
逆序播放效果;如果当前正在播放效果,则从该效果的当前位置开始逆序播放。
end():
断当前正在播放的效果,立即跳转到该效果的末尾。调用此方法将调用 EffectInstance.end() 方法。
如果调用此方法来结束播放效果,效果实例将分派 effectEnd 事件。
如果将效果实例作为参数传递,则会中断此实例。如果没有传入参数,则该效果当前生成的所有效果实例都将中断。
*/
]]>
</fx:Script>
</s:Application>
分享到:
相关推荐
simple-element-resize-detector, 使用隐藏的iframe观察元素大小的变化 simple-element-resize-detector 使用隐藏的iframe观察元素的大小。收费的JSFiddle演示安装npm i -S simple-element-resize-detector用法
演示 Flex 3.0 中的各种动画效果(effect)的应用 • Zoom - 放大/缩小 • Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示 • Rotate - 旋转 • Resize - 调整控件大小 • Fade - 淡入/淡出 • ...
如今,浏览器支持使用本机处理元素大小调整。 该库使用这些观察者来帮助您处理React中的元素大小。 :front-facing_baby_chick: 小 :panda: 用TypeScript编写 :lion: 支持功能和类组件 :tropical_fish: 被 :...
CKFinderPlugin-ImageResize-2.3.1.jar
Vue调整大小观察器 English |安装Vue3.0 npm install --save vue-resize-observer@next Vue2.0 npm install --save vue-resize-observer 模块导入和示例导入软件包并将其安装到Vue中: const VueResizeObserver = ...
在使用Vue拖拽移动时,因为我使用的Vue cdn的方式,但网上都是npm的方式写的此功能,所以我使用Vue自定义指令,不是Vue npm的方式,实现在一定范围内拖拽,移动,缩放的功能,且修复拖拽时卡顿问题
ckfinderplugin-imageresize-2.3.jar下载
您可以使用文件、Blob 甚至 url。 查看页面。 安装 新产品经理 npm install --save image-resize-compress 纱 yarn add image-resize-compress 输入 import { blobToURL , urlToBlob , fromBlob , fromURL } from...
npm install element-resize-detector用法在浏览器中包含脚本: < script src =" node_modules/element-resize-detector/dist/element-resize-detector.min.js " > </ script > 这将创建一个全局函数...
前端项目-javascript-detect-element-resize,基于事件的跨浏览器元素大小调整检测
用于DOM元素变化,当元素变化时,用户需要做出什么操作
vue-resize-sensor检测容器大小。 基于事件的事件,没有[removed],没有时间间隔/超时检测,没有CSS修改,没有Javascript-Framework vue-resize-sensor检测到容器的大小调整。 基于事件的事件,没有[removed],没有...
兼容性Ember.js v3.12或更高版本Ember CLI v2.13或更高版本Node.js v10或更高版本安装ember install ember-did-resize-modifier用法<div> Resize the window to see the modifier in action</div>import Component ...
处理CSS过渡/动画,并可能观察由动态CSS伪类(例如:hover引起的更改。 遵循和本机实现。 缩小并压缩后大小为2.44 KiB 。 (在IE10及更低版本中存在样式问题)。安装从NPM: npm install resize-observer-polyfill -...
或使用npm: npm install --save react-resize-aware 用法 该API简单但功能强大, useResizeAware 返回一个您将放置在被测元素内的React节点,以及一个包含其大小的对象: import React from 'react' ; import ...
quill.min.js image-resize.min.js
描述(Describe) ...npm i @liaogn/vue-drag-resize-rotate -S // 或 cnpm i @liaogn/vue-drag-resize-rotate -S 引入(Import) 1、main.js 全局引入 import vueDragResizeRotate from '@liaogn/vue-drag-re
jquery的resize()事件,直接调用没有起作用引入该文件来实现resize()方法。
resize - 纯golang实现的图像大小调整库
前端开源库-detect-resize检测调整大小,检测通用应用程序中的元素调整大小。