用户界面-我可以用PS Doc制作Flex/Flash Builder皮肤吗



我正在使用Flash Builder开发一个web应用程序。一位平面设计师为该应用程序设计了一些设计,但我从未将photoshop文档转换为Flex皮肤,也从未以任何方式制作过自定义的Flex皮肤。有可能把photoshop的作品放进Flash或其他什么东西吗?Flex皮肤到底包含什么?

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

如果有人遇到同样的问题,我发现创建一个新的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>

相关内容

  • 没有找到相关文章

最新更新