Flex中图形符号的自定义填充图案

Question

我想在Flex中为图形符号创建自定义填充图案，如附带的示例图像所示。 任何帮助或建议都将受到高度赞赏！

Answer 1

这是Just Basic，您可以通过以下方式创建更多图形。

使用graphics class代替

<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="955" minHeight="600"
           >

<fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<s:BorderContainer 
          height="300" width="300" 
          >
    <s:layout>
        <s:VerticalLayout />
    </s:layout>

    <s:BorderContainer borderVisible="false"
        height="100" width="100%" >
        <s:layout>
            <s:HorizontalLayout />
        </s:layout>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    </s:BorderContainer>

    <s:BorderContainer borderVisible="false"
        height="100" width="100%" >
        <s:layout>
            <s:HorizontalLayout />
        </s:layout>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    <s:Group>
        <s:Ellipse height="50" width="50">
            <s:fill>
                <s:SolidColor color="#000000" />
            </s:fill>
        </s:Ellipse>
    </s:Group>

    </s:BorderContainer>
</s:BorderContainer>

</s:Application>