通过 actionscript 应用皮肤答案

【问题标题】：Applying skins through actionscript通过 actionscript 应用皮肤
【发布时间】：2010-02-25 06:30:16
【问题描述】：

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

在 css 中我们指定为 thumbOverSkin: Embed(source="assets/thumb_over.png",scaleGridLeft="4",scaleGridTop="4", scaleGridRight="5", scaleGridBottom="5");

在actionscript中我们指定为 setStyle("thumbOverSkin", someImageClass);

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

提前感谢您的帮助。

【问题讨论】：

标签： apache-flex skins

【解决方案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 切片缩放功能，您可以使用它们做更多事情。

希望对您有所帮助，兰斯

【讨论】：