Flex 中实现滤镜效果

不知道，园子里的朋友对Flex的滤镜了解的多少，因为现在的效果需要用到flex开发，所以最近在学习 actionscript （类似于javascript，都是基于同一个标准开发出来的）语言，新学习一门东西，有一些很基本的都容易搞错。

今天学习了一个滤镜效果，代码很简单，希望对你们有作用。呵呵！~。

我的实现是在 Flex Builder上面实现的！。

一。代码实现

<s:layout>
<s:BasicLayout />
</s:layout>
<mx:Form>//这里指的是 实现三个拉选框，，如结果图中 可以看到。
<mx:FormItem label="blurX:">
<mx:HSlider id="blurXSlider"
minimum="0"//最小值
maximum="10"//最大值
value="4" //第一次打开的默认值
snapInterval="1"//每次拉动的跳跃值
tickInterval="1"
liveDragging="true" />//是否允许拖动
</mx:FormItem>
<mx:FormItem label="blurY:">
<mx:HSlider id="blurYSlider"
minimum="0"
maximum="10"
value="4"
snapInterval="1"
tickInterval="1"
liveDragging="true" />
</mx:FormItem>
<mx:FormItem label="quality:">
<mx:HSlider id="qualitySlider"
minimum="0"
maximum="10"
value="1"
snapInterval="1"
tickInterval="1"
liveDragging="true" />
</mx:FormItem>
</mx:Form>

<s:BitmapImage id="img" source="@Embed('Img/DSCF0568.JPG')" horizontalCenter="0" verticalCenter="0" width="200" height="200">
<s:filters>
<s:BlurFilter id="blurFilter" blurX="{blurXSlider.value}" blurY="{blurYSlider.value}" quality="{qualitySlider.value}" />
</s:filters>
</s:BitmapImage>

二。结果展示

[b]1.在刚刚开始，三个值 都还没有改变的时候[/b]



[b]2.把值都拉到一半的时候[/b]



[b]3.把值都拉到最右面的时候[/b]