通过动作脚本应用皮肤

发布于 2024-08-23 02:07:58 字数 294 浏览 6 评论 0原文

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

在CSS中我们指定为 thumbOverSkin：嵌入（源=“assets/thumb_over.png”，scaleGridLeft=“4”，scaleGridTop=“4”，scaleGridRight=“5”，scaleGridBottom=“5”）；

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

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

感谢您提前的帮助。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最美的太阳 2024-08-30 02:07:59

如果您使用的是 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 是简单的红色方块缩小为40x40 用于测试）。

如果您使用的是 Flex 4，则扩展 Skin 的 Group 具有完整的 9 切片缩放功能，您可以使用它们做更多事情。

希望有帮助，
槊

If you're using Flex 3, that someImageClass, if it's just an image, could just be assigned to a variable. Try this out, it shows two ways of setting simple skins on Flex 3 components:

<?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>

(the up_button.png was a simple red square shrunken to 40x40 for testing).

If you're using Flex 4, the Group, which extends Skin, has full 9-slice scaling baked in and you can do a lot more with them.

Hope that helps,
Lance

回复收藏 0 原文

~没有更多了~