我是flex的新手,我想更改HSlider的图像,像这样

我该怎么办?请给我一个简单的例子。

最佳答案

您必须创建一个自定义皮肤。现在,HSlider有点特别之处在于它具有一些可换肤的子组件。您实际上必须创建三个自定义外观:

  • 一个用于HSlider本身的皮肤(此皮肤包括工具提示)
  • 一首轨道(图片中的黄色/棕色区域)
  • 和一个拇指

  • 轨迹和拇指实际上都是Button皮肤,因此这些皮肤必须是Button皮肤。

    解释整个过程会使这个答案过于冗长和具体,因此,我将帮助您入门。您应该能够从那里弄清楚。我还要假设您使用FlashBuilder作为IDE。

    创建主皮肤

    skinClass上设置HSlider样式,然后按Alt + Space。这将显示代码完成,但是您也可以选择“Create Skin ...”。

    选择该选项,将出现一个向导。填写如下内容。请注意,我们正在复制默认的Spark HSlider外观。我们删除了样式代码,因为在这样的自定义外观中它不是必需的。

    创建轨迹和拇指皮肤

    打开这个新的皮肤类,然后向下滚动到底部。您将看到两个Button;一个ID为track,另一个ID为thumb。它们的skinClass样式设置为这些按钮的默认 Spark 皮肤。删除内容并重复上一步的操作(创建新皮肤),仅这次创建HSliderTrackSkinHSliderThumbSkin的副本

    编辑皮肤

    现在,您将拥有HSlider的默认Spark外观的精确副本(除非您删除了样式)。现在,您可以开始编辑:更改颜色,更改形状等。如果您需要有关Flex图形的更多信息,建议您使用FXG。但是,您可以尝试摆弄默认外观,看看还能从哪里获得。

    关于apache-flex - 如何在Flex中自定义HSlider?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10443575/

    10-12 19:27