Je viens de rajouter une petite primitive bien utile dans la librairie UIGFX : DashedLine, qui, comme son nom l’indique (ou pas), permet d’avoir une ligne pointillée.

Basé sur Line, cette primitive propose une propriété dashes, qui vous permet de paramètrer l’apparence des pointillées.

dashes contient un tableau (Array) de nombres. Les emplacements impaires du tableau définissent la taille (en pixel) des tirets. Les emplacements pair définissent la taille des espacement.

Dans le code :

<?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"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    minWidth="200" minHeight="200"
    xmlns:uigfx="http://uigfx.lafabrick.com">

    <uigfx:DashedLine
        dashes="[80, 10, 10, 20, 40, 30]"
        left="100" verticalCenter="0" right="100">

        <uigfx:stroke>
            <s:SolidColorStroke color="#FFFFFF" weight="4" caps="round" />
        </uigfx:stroke>

        <uigfx:filters>
            <s:GlowFilter blurX="4" blurY="4" alpha=".8" color="#333333" />
        </uigfx:filters>

    </uigfx:DashedLine>

    <uigfx:DashedLine
        dashes="[80, 10, 10, 20, 40, 30]"
        left="101" verticalCenter="0" right="100">

        <uigfx:stroke>
            <s:LinearGradientStroke weight="2" pixelHinting="true" caps="square">
                <s:GradientEntry color="#009EE0" />
                <s:GradientEntry color="#FF9900" />
                <s:GradientEntry color="#009EE0" />
            </s:LinearGradientStroke>
        </uigfx:stroke>

    </uigfx:DashedLine>

</s:Application>

Résultat :

C’est beau!!

Disponible bien entendu sur le google code UIGFX.

---

Par Fabien, Vendredi 23 juillet 2010 à 11:07
Nos projets, [Dev] Flash / Flex / AIR...

Tags: flex4, primitives, Spark, uigfx

---