9 切片缩放不适用于图表填充

Question

我想用我自己的图像替换标准的弹性条形图。这是通过嵌入图像并设置为位图填充来实现的。然而，即使我在嵌入时应用了 9 切片缩放，这些图像也不能很好地缩放。

[嵌入源=“bar.png”，scaleGridRight=“721”，scaleGridLeft=“15”，scaleGridTop=“1”， scaleGridBottom="90")]

[Bindable]

public var bar:Class;

以及应用

var x:BitmapFill = new BitmapFill(); 时

x.source = bar;

series1.setStyle("fill", x);

9 个切片缩放选项将被忽略。我不知道如何解决这个问题。

将相同的嵌入图像应用到标准图像容器时需要注意的一件事是，它尊重缩放选项。

Answer 1

当在 Graphics.beginBitmapFill() 方法中使用位图时，scale9Grid 不起作用。

解决方案之一是创建一个可以使用它的 BitmapFill 子类。 这是带有解决方案的 FXP，其工作原理如下：

<s:Application ...>

    <fx:Script>
    <![CDATA[

        [Bindable]
        [Embed(source="sample.png", scaleGridTop="30", scaleGridLeft="7", 
            scaleGridRight="384", scaleGridBottom="206")]
        private var sample:Class;

    ]]>
    </fx:Script>

    <s:Group left="0" right="0" top="0" bottom="0">
        <s:Rect left="0" right="0" top="0" bottom="0">
            <s:fill>
                <local:BitmapFillScale9Grid source="{sample}"/>
            </s:fill>
        </s:Rect>
    </s:Group>

</s:Application>

解决方案是基于bent.googlecode.com。