我是flex的新手,我想更改HSlider的图像,像这样
我该怎么办?请给我一个简单的例子。
最佳答案
您必须创建一个自定义皮肤。现在,HSlider有点特别之处在于它具有一些可换肤的子组件。您实际上必须创建三个自定义外观:
轨迹和拇指实际上都是Button皮肤,因此这些皮肤必须是Button皮肤。
解释整个过程会使这个答案过于冗长和具体,因此,我将帮助您入门。您应该能够从那里弄清楚。我还要假设您使用FlashBuilder作为IDE。
创建主皮肤
在
skinClass
上设置HSlider
样式,然后按Alt + Space。这将显示代码完成,但是您也可以选择“Create Skin ...”。选择该选项,将出现一个向导。填写如下内容。请注意,我们正在复制默认的Spark HSlider外观。我们删除了样式代码,因为在这样的自定义外观中它不是必需的。
创建轨迹和拇指皮肤
打开这个新的皮肤类,然后向下滚动到底部。您将看到两个
Button
;一个ID为track
,另一个ID为thumb
。它们的skinClass样式设置为这些按钮的默认 Spark 皮肤。删除内容并重复上一步的操作(创建新皮肤),仅这次创建HSliderTrackSkin
和HSliderThumbSkin
的副本编辑皮肤
现在,您将拥有HSlider的默认Spark外观的精确副本(除非您删除了样式)。现在,您可以开始编辑:更改颜色,更改形状等。如果您需要有关Flex图形的更多信息,建议您使用FXG。但是,您可以尝试摆弄默认外观,看看还能从哪里获得。
关于apache-flex - 如何在Flex中自定义HSlider?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10443575/