2011-06-06 71 views
0

我正在使用Flash Builder开发一个Web应用程序。一位平面设计师为应用程序提出了一些设计,但我从来没有将photoshop文档转换为Flex皮肤,或者为此制作了自定义Flex皮肤。是否有可能采取Photoshop工作,并将其放入Flash或其他? Flex皮肤到底是什么?我可以用PS Doc制作Flex/Flash Builder皮肤吗?

如果我要联系,我想花多少钱在一个8页的应用程序?

回答

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> 
+0

我发现这个信息和代码样品从游览de的Flex的Flex 4>编码技术下。 – smulholland2