在Flex4中要写一个Skin类，将它赋给button的skinClass属性

最新推荐文章于 2019-06-17 23:18:40 发布

原创最新推荐文章于 2019-06-17 23:18:40 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#UP #Flex #Adobe #XML

文档在线浏览专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用Adobe Flex为按钮组件创建皮肤的过程。该皮肤通过不同的状态（如激活、悬停等）来改变外观，并利用了多种图像资源进行视觉效果的设计。文章详细展示了如何通过MXML代码实现这些功能。

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mxml/2009"  width.down="100" height.down="26" width.disabled="100" height.disabled="26" width.over="100" height.over="26" width.up="100" height.up="26">
        <fx:Metadata>[HostComponent("spark.components.Button")]</fx:Metadata>
        <s:states>
                <s:State name="up"/>
                <s:State name="over"/>
                <s:State name="down"/>
                <s:State name="disabled"/>
        </s:states>
        <fx:DesignLayer>
                <s:BitmapImage smooth="true" source="@Embed('/assets/disabled.png')" visible.up="false" visible.over="false" visible.down="false"/>
                <s:BitmapImage smooth="true" source="@Embed('/assets/down.png')" visible.up="false"  visible.over="false" visible.disabled="false"/>
                <s:BitmapImage smooth="true" source="@Embed('/assets/over.png')"  visible.up="false" visible.down="false" visible.disabled="false"/>
                <s:BitmapImage smooth="true" source="@Embed('/assets/up.png')"  visible.over="false" visible.down="false" visible.disabled="false"/>
        </fx:DesignLayer>
        <s:RichText color="#fcfafa"
                                id="labelDisplay"
                                fontFamily="宋体"
                                fontSize="12"
                                x="0" y="0" width="100%" height="100%"
                       
                                lineHeight="150%"
                                whiteSpaceCollapse="preserve"
                                color.disabled="#333333"
                                tabStops.disabled="S0"  verticalAlign="middle" textAlign="center">
        </s:RichText>
</s:Skin>