flex可以通过滤镜增加图片效果,这里以模糊效果为例进行演示:鼠标放上,图片模糊,鼠标移去,图片恢复清晰,源码如下:
<?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"
creationComplete="application1_creationCompleteHandler(event)"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import flash.display.MovieClip;
import flash.filters.BitmapFilterQuality;
import flash.filters.BlurFilter;
import mx.events.FlexEvent;
var kit:Boolean = false;
var blur:BlurFilter;
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
var blurX:Number = 0;
var blurY:Number = 0;
blur = new BlurFilter(blurX,blurY,BitmapFilterQuality.LOW);
// blur.blurX = 0;//水平模糊
// blur.blurY = 0;//垂直模糊
// blur.quality = BitmapFilterQuality.LOW;//应用滤镜次数
img.filters = [blur];//对图像应用滤镜
img.addEventListener(MouseEvent.MOUSE_OVER,onClickOver);
img.addEventListener(MouseEvent.MOUSE_OUT,onClickOut)
img.addEventListener(Event.ENTER_FRAME,onOver)
}
private function onClickOver(event:MouseEvent):void{
kit = true;
}
private function onClickOut(e:MouseEvent):void
{
kit=false;
}
private function onOver(e:Event):void
{
if (blur.blurX<=10&&kit==true)
{
blur.blurX+=.5;
blur.blurY+=.5;
}
if(blur.blurX>0&&kit==false)
{
blur.blurX-=.5;
blur.blurY-=.5;
}
img.filters=[blur];
}
]]>
</fx:Script>
<mx:Image id="img" source="../image/01.png" maintainAspectRatio="true" left="0" top="0"/>
</s:Application>
分享到:
相关推荐
flex放大镜、flex滤镜、flex图像放大、局部图像放大
flex滤镜 好看的flex滤镜 ,可以看看吧
Flex滤镜效果,可对控件或者GIS对象制作特效,闪烁等。
import mx.events.FlexEvent; import mx.events.ListEvent; import mx.events.NumericStepperEvent; import mx.events.SliderEvent; //聚焦模糊 [Embed(source="pbj/zoomBlur.pbj",mimeType=...
NULL 博文链接:https://baixiaozhe.iteye.com/blog/1249597
flex能用到的各种滤镜,什么模糊啊,灰化啊,铅笔画啊,各种滤镜
NULL 博文链接:https://nealmi.iteye.com/blog/354325
flex 图片一点小操作,角度和滤镜操作
快步进入flex门槛 1.效果-模糊化 blurYFrom="10.0" blurYTo="0.0" blurXFrom="10.0" blurXTo="0.0" duration="2000"/> 2.效果-滤镜 duration="1500"/> 3.效果-state切换 标签:在变换期间两种效果同时发生; 标签:...
Flex CookBook 中文 简体 第一章. ActionScript 语言基础 第二章. 自定义类 第三章. 运行时环境 第四章. 数字和数学 第五章. 数组 第六章. 可视化对象列表(目录) 第七章. 绘图和遮罩(目录) 第八章. 位图(目录) 第九...
将Convolution滤镜应用于图像 8.7节. 通过摄像头将视频发送到FMS实例 8.8节. 访问用户的麦克风并创建声音显示 8.9节. 在Flex程序中平滑播放视频 8.10节. 检测像素级别的碰撞 8.11节. 读取和保持用户的网络摄像头...
本文,以Adobe 公司的Flex 技术为例,研究了基于四叉树的地图金字塔数据模型与瓦片双缓存技术、Flex 与地理信息服务的三种后台交互技术,以及Flex 的组件及其皮肤属性、动画、滤镜和FXG 图形格式等各种用户体验技术...
2.2.2在FlexBuilder3下创建ActionScript3.0项目 15 2.3服务端部署 16 2.3.1安装JDK 16 2.3.2安装Tomcat服务器 18 2.3.3Tomcat集成RED5服务器 20 2.4安装VisualBasic6.0 22 2.5小结 23 第3章ActionScript3.0语法 24 ...
阴影,渐变,滤镜210308 文字特效210309 解决父元素高度坍塌塌陷问题210310 表单美化210311 实用css小集锦210312 Emmet210313 布局练习210314 flex实现⽔平垂直居中的最简单⽅式 flex实现双⻜翼布局 flex实现圣杯...
使用shader作为滤镜 使用shader作为混合模式 总结 第十章 补间 引擎 Flash的Tween类 缓动方法 合并补间 Flex Tween类 Flex Tween类的缓动函数 5 Tween组合 Tween序列 补间引擎 Tweener的缓动函数 Tweener的tween组合...
2.4.2使用FlexBuilder 2.4.3使用免费的命令行编译器 2.4.4关于跟踪 2.4.5缩放影片 2.5使用代码动画 2.5.1循环 2.5.2帧循环 2.5.3剪辑事件 2.5.4事件和事件处理器 2.5.5侦听器和处理器 2.5.6动画事件 2.6显示列表 2.7...
css到rn 将CSS字符串转换为React Native 什么 ? css-to-rn将您的css样式字符串转换为React Native。 它不支持插值,因此您无法... `flex: 1; background-color: hotpink; align-items: center; justify-content: cen
1.css的概述 1.问题 ... 2.css的语法规范 1.... 1.... 样式声明:用样式属性和值组成(属性:值;... 1.... 2.... 3.... 2.... 3.... 独立于任何网页位置处,声明一个样式文件(.css为后缀),在文件中声明样式,在使用的网页中引入.css文件。...
2.4.2 使用Flex Builder 2.4.3 使用免费的命令行编译器 2.4.4 关于跟踪 2.4.5 缩放影片 2.5 程序动画 2.5.1 动画的执行过程 2.5.2 帧循环 2.5.3 影片事件 2.5.4 事件和事件处理 2.5.5 事件侦听器与处理函数 2.5.6 ...