关于如何创建一个Spark图标按钮和皮肤

来源：百度文库 编辑：神马文学网 时间：2024/04/26 16:59:06
 在Flex4中引入了全新的皮肤机制：Spark，那么在这个教程里将带领大家制作一个Spark的图标按钮，原文地址：http://www.themorphicgroup.com/blog/2009/06/18/how-to-create-a-spark-ico...在使用MXML2009的Spark组件的时候，你可能已经注意到，按钮并没有一个“icon”的属性可供设置。所以如果你想让这个按钮显示一个图标，应该怎么办呢？一个解决方法是把这个图标放到你的按钮的皮肤里面，但是它要求你必须创建多个皮肤和多个图标。另一个解决方法是把一个图片组件作为按钮。当然，这个按钮我们也要实现在不同的鼠标状态下，显示不同的图标。我们可以使用鼠标事件的侦听器来切换图片组件的源地址。遗憾的是，图片中的透明像素部分，可能是导致鼠标事件不能正常工作的原因。要避免这个问题，我们需要遵循以下的步骤来创建一个自定义的组件。创建一个新的IconButton类，并扩展自spark.components.Buttonpackage com.tmg.components{ import spark.components.Button;  //icons [Style(name="iconUp",type="*")] [Style(name="iconOver",type="*")] [Style(name="iconDown",type="*")] [Style(name="iconDisabled",type="*")] //paddings [Style(name="paddingLeft",type="Number")] [Style(name="paddingRight",type="Number")] [Style(name="paddingTop",type="Number")] [Style(name="paddingBottom",type="Number")] public class IconButton extends Button { public function IconButton() { super(); } }}在这个类的里面，我们定义了样式的元数据标签（Style Metadata），来让Flash Builder知道在添加到这个按钮的样式属性里面，哪些样式是可用的。针对这个组件，我们想允许开发者针对不同的按钮的状态给予不同的图片显示，同时我们也想让开发者可以定义按钮内部的元件与这个按钮的边距。创建一个mxml的皮肤组件 [HostComponent("com.freckle.oceania.client.view.components.IconButton")]    首先，你可能已经注意到元数据标签（Metadata tag）声明了一个Hostcomponent。这是非常重要的，因为它可以让皮肤组件知道那些组件会应用这个皮肤。注意Simple Text组件的text属性设置为hostComponent的标签（label）属性。在这个代码片段中另一个关键的元件是事件的侦听器，用来侦听状态的改变。正如你所猜想的那样，hostComponent会根据不同的鼠标状态来改变按钮的皮肤的状态。通过侦听这个事件，我们可以改变用作图标的图片组件的源地址属性。让我们来做下一步操作...使用这个新生成的组件在使用你创建的这个皮肤的时候，请确保你设置了skinClass属性。在这个示例中我们只是设置了iconUP和iconDisabled属性。因为在之前的代码中我们已经明确了这个皮肤的icon属性，所以这个皮肤只能使用我们已经声明的图标。同样对Label来说，我们同样可以设置皮肤来让label的文本是空的时候不显示文本组件，但是在这个示例里面我们还是让它显示
关于如何创建一个Spark图标按钮和皮肤 如何创建一个团队 AJAX：如何处理书签和后退按钮 AJAX：如何处理书签和后退按钮 如何在工具拦中按钮上显示32X32的图标？ 创建图标到程序菜单 和删除程序里面图标 - 〖山寨智能手机技术提问交流〗 - 天涯山寨智能... 如何创建一个学习社区网站 如何创建一个 Google 的友好网站？ 如何创建一个别人打不开的文件夹 如何创建自己的一个团队 。。如何创建自己的一个团队 如何创建一个目标？ - 成功助理 创建回收站……图标 关于网页按钮和一部分图片无法显示的解决 一个开关有三个按钮，控制三个电灯，如何接线？ 如何去掉JFrame上的最大化最小化和关闭按钮 Adobe Flash?Professional?CS5 * 创建按钮 如何隐藏和恢复桌面上的“我的文档、回收站”图标？ 如何删除和恢复快捷方式图标下的旋转箭头 如何隐藏和恢复桌面上的“我的文档、回收站”图标？ GridSim中的例子一：如何创建一个网格资源 ****如何创建一个别人打不开也删不掉的文件夹--波仔提供 - 创建一个随时随地工作和娱乐的世界 Informix 如何更加有效的创建主键和外键