Wie kann ich wie schwebende Wirkung um eine Leinwand Komponente in flex einen Schlagschatten erstellen?

Question

Ich möchte einen Schlagschatten auf der Leinwand Komponente in Flex erstellen. Technisch wird ein Schatten gesehen ist es nicht, wie ich es um die Komponente wickeln will die Komponente einen schwebenden Look. Ich kann es zu tun mit Glühen der Lage sein, kann aber eine Linie oder zwei jemand fallen, die es bereits getan hat?

Vielen Dank im Voraus.

Answer 1

Ich löste es tatsächlich durch dies zu tun:

<?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>

Answer 2

Sie können DropShadowFilter verwenden, aber es sieht mehr oder weniger die gleiche Sache zu sein:

<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>

Answer 3

In Flex 4 Ich verwende die folgende. Ich wollte nur schreiben, weil Filter Eigenschaft wie im Bild unten aussehen sollte. (Ja, ich weiß, ich bin mit einem Funkenfilter auf einem mx Objekt)

 <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)"
              "/>

Answer 4

Wenn Sie es außerhalb der Leinwand definieren möchten, können Sie dies tun:

<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>

Answer 5

könnten Sie in der Lage sein, es zu tun mit degrafa und Häuten. Ihre Dokumente sind begrenzt, aber Sie können eine der Tutorial-Videos für beobachten, wie Skin zu erstellen. Oder schaut auf ihrem Beispielcode. weisen Sie einfach eine degrafa programmatische Haut an der Grenze der Leinwand und Sie alle Arten von funky Steigungen hinzufügen können, Pfade, Formen, was auch immer.

Answer 6

Je nach Bedarf können Sie in der Lage zu entkommen mit:

<mx:Canvas ... dropShadowEnabled="true" shadowDirection="right">

Es gibt Einsprüche .. skizzierte hier