Можно ли создать обложку Flex / Flash Builder с помощью PS Doc?

Question

Я занимаюсь разработкой веб-приложения с использованием Flash Builder. Графический дизайнер придумал несколько дизайнов для приложения, но я никогда не конвертировал документ Photoshop в обложку Flex или, в этом отношении, создавал собственную обложку Flex любым способом. Можно ли взять работу фотошопа и поместить ее во Flash или что-то еще? Что именно входит в скины Flex?

Если бы мне пришлось с этим связаться, сколько я собираюсь потратить на 8-страничное приложение?

Answer 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>