Flex中通过设置skin, upSkin, overSkin, downSkin和disabledSkin样式修改按钮（Button）的皮肤(Skin)的例子
By Minidxer | August 21, 2008
在前面的Flex中通过设置嵌入字体以及替换默认Skin自定义Button风格的例子中我们介绍过通过设置嵌入字体以及替换默认Skin，自定义Button风格。当然我们也可以在auzn经典Flex教程–KingnareStyle皮肤制作简介中了解到更加深入的Skin处理。万丈高楼也是从地基开始的，接下来的例子演示了Flex中通过设置skin, upSkin, overSkin, downSkin和disabledSkin样式，修改按钮（Button）的皮肤(Skin)。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="Button_upSkin_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Button id="btn"
- label="Button"
- skin="{null}"
- upSkin="{null}"
- overSkin="mx.skins.halo.ButtonSkin"
- downSkin="mx.skins.halo.ButtonSkin"
- disabledSkin="mx.skins.halo.ButtonSkin"
- icon="@Embed('assets/Button.png')" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Flex |
Tags: Button, disabledSkin, downSkin, overSkin, Skin, upSkin