我想在flex中的canvas组件周围创建一个阴影。从技术上讲,它不会是一个阴影,因为我希望它环绕组件,使组件具有浮动外观。我也许可以用发光来做,但任何人都可以放弃一两行已经做过的人吗?
提前致谢。
答案 0 :(得分:3)
我实际上解决了这个问题:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
width="780" height="100%" borderStyle="solid" borderColor="gray"
creationComplete="init();" backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.styles.StyleManager;
private function init():void {
var glow:GlowFilter = new GlowFilter();
glow.color = StyleManager.getColorName("gray");
glow.alpha = 0.8;
glow.blurX = 4;
glow.blurY = 4;
glow.strength = 6;
glow.quality = BitmapFilterQuality.HIGH;
this.filters = [glow];
}
]]>
</mx:Script>
</mx:Canvas>
答案 1 :(得分:2)
您可以使用DropShadowFilter
,但它看起来或多或少相同:
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
width="780" height="100%" borderStyle="solid" borderColor="gray"
creationComplete="init();" backgroundColor="white" dropShadowEnabled="true">
<mx:filters>
<mx:DropShadowFilter
quality="1"
color="gray"
alpha="0.8"
distance="0"
blurX="4"
blurY="4"
strength="6"
/>
</mx:filters>
</mx:Canvas>
答案 2 :(得分:2)
在flex 4中,我使用以下内容。我只是想发布这个,因为过滤器属性应该如下图所示。 (是的,我知道我在mx对象上使用了火花过滤器)
<fx:Declarations>
<s:GlowFilter
id="glowBlack"
alpha=".6"
color="0x000000"
inner="false"
blurX="10"
blurY="10"
quality = "2"
/>
<mx:Image id="rssIcon"
height="70"
filters="{[glowBlack]}"
source="assets/rss/icon_rss.png"
styleName="rssIconStyle"
width="70"
scaleContent="true"
click="openRssSite(event)"
"/>
答案 3 :(得分:0)
如果要在画布之外定义它,可以执行以下操作:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
width="780" height="100%">
<mx:Canvas filters="[dropShadow]" width="200" height="200" backgroundColor="white"/>
<mx:DropShadowFilter id="dropShadow" distance="0"/>
</mx:Application>
答案 4 :(得分:0)
您可以使用degrafa和蒙皮来完成此操作。他们的文档有限,但您可以观看其中一个教程视频,了解如何创建皮肤。或者看看他们的示例代码。只需将一个degrafa编程皮肤分配到画布的边框,就可以添加各种时髦的渐变,路径,形状等等。
答案 5 :(得分:0)