我可以使用PS Doc创建Flex / Flash Builder外观吗?

时间:2011-06-06 18:50:20

标签: user-interface flex

我正在使用Flash Builder开发一个Web应用程序。一位平面设计师想出了应用程序的一些设计,但我从来没有将photoshop文档转换为Flex皮肤,或者无论如何制作了定制的Flex皮肤。是否可以将Photoshop工作并将其放入Flash或其他东西?究竟什么是Flex皮肤?

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

1 个答案:

答案 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>