我正在使用Flash Builder开发一个Web应用程序。一位平面设计师想出了应用程序的一些设计,但我从来没有将photoshop文档转换为Flex皮肤,或者无论如何制作了定制的Flex皮肤。是否可以将Photoshop工作并将其放入Flash或其他东西?究竟什么是Flex皮肤?
如果我要联系这个,我想在8页的应用程序上花多少钱?
答案 0 :(得分:1)
如果有人遇到同样的问题,我发现创建一个新的mxml皮肤类将允许您设置.jpg或.gif并使用以下内容设置组件的背景:
皮肤类:
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Metadata>
[HostComponent("spark.components.Application")]
</fx:Metadata>
<s:states>
<s:State name="normal" />
<s:State name="disabled" />
</s:states>
<!-- This image fill also specifies padding around it -->
<s:Rect id="backgroundRect" left="100" right="100" top="20" bottom="20">
<s:fill>
<s:BitmapFill source="@Embed('assets/wood-bg.png')"/>
</s:fill>
</s:Rect>
<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
</s:SparkSkin>
MXML组件:
<s:VGroup horizontalCenter="0" verticalCenter="0">
<s:Label text="Wood Sales Int'l" fontSize="42" />
<s:BorderContainer borderColor="0x000000" borderWeight="3" cornerRadius="7" horizontalCenter="0" verticalCenter="0">
<s:VGroup>
<mx:Form fontSize="16">
<mx:FormItem label="Userid:">
<s:TextInput id="userid"/>
</mx:FormItem>
<mx:FormItem label="Password:">
<s:TextInput id="pw"/>
</mx:FormItem>
<mx:FormItem>
<s:Button label="Login"/>
</mx:FormItem>
</mx:Form>
</s:VGroup>
</s:BorderContainer>
</s:VGroup>