加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

如何在flex中自定义HSlider?

发布时间:2020-12-15 02:14:29 所属栏目:百科 来源:网络整理
导读:我是flex的新手,我想改变HSlider的形象,就像这样 我该怎么办?请举个简单的例子. 解决方法 你必须创建一个自定义皮肤.现在,HSlider有点特别之处在于它有一些也可以换肤的子组件.你实际上必须创建三个自定义皮肤: 一个用于HSlider本身(这个皮肤包括工具提示)
我是flex的新手,我想改变HSlider的形象,就像这样

我该怎么办?请举个简单的例子.

解决方法

你必须创建一个自定义皮肤.现在,HSlider有点特别之处在于它有一些也可以换肤的子组件.你实际上必须创建三个自定义皮肤:

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

轨道和拇指实际上都是按钮,因此这些外观必须是按钮外观.

解释整个过程将使这个答案过于冗长和具体,所以我会让你开始.你应该能够从那里弄明白.我还假设你使用FlashBuilder作为IDE.

创造主要皮肤

在HSlider上设置skinClass样式并点击Alt Space.这将导致代码完成,但您也可以选择“创建皮肤…”.

选择它,将出现一个向导.填写如下内容.请注意,我们正在制作默认Spark HSlider皮肤的副本.我们删除样式代码,因为在这样的自定义外观中不需要它.

创建轨迹和拇指皮肤

打开这个新的皮肤类并向下滚动到底部.你会看到两个按钮;一个有id轨道,一个有id拇指.他们的skinClass样式设置为这些按钮的默认火花外观.删除内容并重复上一步的操作(创建新皮肤),这次只创建HSliderTrackSkin和HSliderThumbSkin的副本

编辑皮肤

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读