Question

我在通过actionscript应用滚动条皮肤的样式时遇到了问题。

在css中我们指定为 thumbOverSkin：Embed（source =“assets / thumb_over.png”，scaleGridLeft =“4”，scaleGridTop =“4”，scaleGridRight =“5”，scaleGridBottom =“5”）;

在动作中我们指定为 setStyle（“thumbOverSkin”，someImageClass）;

我们如何在上面的语句中指定scaleGrid属性？

感谢您的帮助。

Answer 1

如果你正在使用Flex 3，someImageClass，如果它只是一个图像，可以只分配给一个变量。试试这个，它显示了在Flex 3组件上设置简单外观的两种方法：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application
    xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Style>
        Button
        {
            overSkin: Embed("assets/over_button.png");
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[

            [Embed(source="assets/up_button.png", scaleGridLeft="15",scaleGridTop="15", scaleGridRight="25", scaleGridBottom="25")]
            public static const UP_SKIN:Class;

        ]]>
    </mx:Script>

    <mx:Button id="button" click="button.setStyle('upSkin', UP_SKIN)"/>

    <mx:HSlider id="sizer"
        minimum="100" maximum="1000"
        liveDragging="true"
        change="{button.width = sizer.value;button.height = sizer.value/2}"/>

</mx:Application>

（up_button.png是simple red square缩小至40x40以进行测试。

如果您正在使用Flex 4，那么扩展了Skin的Group将完整的9切片缩放，您可以使用它们做更多的事情。

希望有所帮助，兰斯

通过动作脚本应用皮肤

1 个答案: