Wie kann ich erstellen Sie einen Schlagschatten wie schwimmende Effekt um eine canvas-Komponente in flex?

Möchte ich ein drop-Schatten auf der Leinwand-Komponente in flex. Technisch gesehen wird es nicht sein, ein Schatten, wie ich will, es zu wrap-around der Komponente geben der Komponente einen schwebenden look. Ich kann in der Lage sein, es zu tun mit Glanz, aber kann jemand drop eine Zeile oder zwei, wer hat es schon gemacht?

Vielen Dank im Voraus.

InformationsquelleAutor Mozammel | 2008-10-28
  1. 3

    Ich tatsächlich löste es, indem 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>
    • Genial, das ist genau das, was ich gesucht habe! Vielen Dank für das teilen.
    • Ich fand das nützlich, auch. Thnaks.
    • Willtriv ist mit der richtigen Flex-Methode, gibt es keinen Grund, dies in eine AS3-Script. Legen Sie einfach diese Leuchten Eigentum Werte in seiner MXML-Beispiel.
    InformationsquelleAutor Mozammel
  2. 2

    Können Sie DropShadowFilter aber es sieht mehr oder weniger das gleiche:

    <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>
    InformationsquelleAutor eyelidlessness
  3. 2

    In flex 4 ich bin mit dem folgenden. Ich wollte nur posten, weil die Filter-Eigenschaft sollte so Aussehen wie unten im Bild. (ja, ich weiß, ich bin mit einem spark-filter 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)"
              "/>
    InformationsquelleAutor Willtriv
  4. 0

    Wenn Sie wollen, definieren Sie außerhalb der Leinwand, 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>
    InformationsquelleAutor Ben Throop
  5. 0

    Könnten Sie in der Lage sein, es zu tun mit degrafa und Häuten. Ihre docs sind begrenzt, aber Sie können zusehen, eines der tutorial-videos zu erstellen, wie für skins. Oder schauen Sie auf Ihren Beispiel-code. Geben Sie einfach einen degrafa programmatischen Haut an die Grenze Ihrer Leinwand, und Sie können fügen Sie alle Arten von funky Verläufe, Pfade, Formen, was auch immer.

    InformationsquelleAutor Glenn
  6. 0

    Je nach Ihren Bedürfnissen, die Sie vielleicht in der Lage sein, um Weg mit:

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

    Gibt es Einschränkungen .. skizzierten hier

    InformationsquelleAutor Scott Evernden
Schreibe einen Kommentar