Flex 4 Application Skin - Créer un pied de page

Question

J'essaie de créer un habillage pour mon application dans Flex 4. J'ai commencé à éditer l'habillage filaire de l'application trouvé à /flex4-sdk-folder/frameworks/projects/wireframe/src/spark/skins/wireframe/

J'ai besoin d'une peau lors de l'application devrait fournir un en-tête, une zone de contenu et un pied de page. J'ai mis le controlBar visible dans l'état normal afin qu'il serve à l'en-tête.

J'ai essayé d'ajouter un Rect à l'intérieur du contentGroup, mais ce ne est pas à venir. Ma question est - comment puis-je ajouter une section de pied de page à ma peau de sorte que lorsqu'il est appliqué, il montre toujours une section au bas de mon application indépendamment de la hauteur du contenu dans le contentGroup?

[EDIT]

Je suis en train de créer un pied de page similaire à celui vu à http://www.adobe.com/devnet/flex/tourdeflex/web/#illustIndex=0;sampleId=0;docIndex=0

Je veux juste corriger ce pied de page quel que soit le contenu dans la page et doit être une partie de l'habillage de l'application. Même si une barre de défilement apparaît dans l'application, le pied de page doit simplement résider en bas de la fenêtre du navigateur.

S'il vous plaît fournir vos précieux commentaires et suggestions.

Answer 1

Je ne recommande pas d'éditer la peau à l'endroit où elle se trouve. Je crois que vous devrez recompiler le cadre complet pour que cette peau apparaisse n'importe où; mais quiconque utilise le cadre mis en cache ne le verra pas.

Vous pouvez cependant copier ce fichier dans votre projet et le modifier à partir de là. Définissez ensuite la propriété skinClass de votre balise d'application sur votre nouvelle copie de l'habillage.

Pour ajouter une barre de pied de page au bas de votre application, vous pouvez utiliser ControlBar ou ApplicationControlBar avec la propriété dock définie sur false. Après cela, il ne fait que le positionner.

Vous pouvez également créer votre propre composant de pied de page et le positionner en bas de votre application pour qu'il se comporte comme un pied de page.

Answer 2

je fais quelque chose comme cela pour obtenir un en-tête et pied de page dans mon application:

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx"> 
    <s:layout> 
     <s:VerticalLayout gap="0"/> 
    </s:layout> 
    <s:Group id="header" width="100%" height="28"> 
     <s:Rect left="0" right="0" top="0" bottom="0"> 
      <s:fill> 
       <s:SolidColor color="0xcccccc"/> 
      </s:fill> 
     </s:Rect> 
     <s:Label horizontalCenter="0" verticalCenter="0" text="I'm a Header"/> 
    </s:Group> 
    <s:Group id="mainContent" width="100%" height="100%"/> 
    <s:Group id="footer" width="100%" height="28"> 
     <s:Rect left="0" right="0" top="0" bottom="0"> 
      <s:fill> 
       <s:SolidColor color="0xcccccc"/> 
      </s:fill> 
     </s:Rect> 
     <s:Label horizontalCenter="0" verticalCenter="0" text="I'm a Footer"/> 
    </s:Group> 
</s:Application> 

En fait, je suis un peu amateur en général et mettre les trois groupes dans leurs propres composants; Pied de page, en-tête et principal. Vous pouvez aller plus loin en créant des habillages pour les composants En-tête et Pied de page. Pour conserver les barres de défilement dans la zone de contenu principale, vous pouvez faire en sorte que votre composant principal hérite de Scroller au lieu de Groupe. J'espère que cela pourra aider.