本文共 4393 字,大约阅读时间需要 14 分钟。
突兀的从服务端转到了客户端,有点意外也有点惊喜。工作几年了,暮然回首却发现自己竟然没有留下任何有价值的东西,很是遗憾。从今天起,我要将每一次成功或失败详细的记录下来,也算是记录自己的成长吧。
目标:制作Flex控件皮肤
前提:理解Flex控件的皮肤与逻辑的拆分
失败:根据Adobe官网上的介绍,使用Catalyst制作的FXG文件用来做Flex的皮肤是最适合不过的。但是,可能是本人比较愚钝,费了半天劲搞出来的FXG文件一放到Flex中就是一堆乱码。无奈,我换成了Illustrator。这个地方还请高手指导。
正题:
1、下载安装Illustrator CS5
2、新建文件,然后随意绘制一个图形,例如:
3、另存为fxg文件
4、在Flex4中导入该文件,然后打开该文件,会发现它变成了一堆代码:
5、里面乱七八糟的东西我们不用管,只需要将<Path>中间的那段代码截取出来就行:
6、将上面代码拷贝至你的皮肤类中,当然由于fxg文件与mxml文件的格式有些差异,所以会报错,按照提示或者对照下面代码修改一下就可以了:
7、至此,你就可以将上面的皮肤类指定给某个控件,我指定在了一个按钮上:
8、预览效果:
正常状态
悬停状态
怎么样,很简单吧。其实我们这里就是利用了Flex4独特的FXG文件,你也可以直接使用Path类去绘制各种复杂图形(如果你真的很强!),还是推荐用工具来绘制吧。
刚刚接触Flex还请大家多多指教,如有问题请留言或者邮件联系:sunix2010@gmail.com
转载地址:http://xybxi.baihongyu.com/