Discussion :

[alain31tl]

Bonjour

Lorsque je dépose des controls ( Combobox, checkbox, etc...) dans Tabnavigator par exemple, il m'est impossible depuis design de les positionner à ma guise.
J'ai essayé également avec un autre navigator, tel que Accordion, et meme punition.

Je me demande ( sous réserve) si ce ne sont pas les balises <mx:FormItem> qui encadrent les controls qui sont "capricieuses" (??).

Avez-vous, svp, une idée ou un conseil à suivre pour pouvoir les manipuler sans souci.
Merci à vous
Cdt

[Jim_Nastiq]

je pense que tu parles du layout. Seul les container Application et Canvas ont un layout absolu, tous les autres ont un layout vertical ou horizontal.
Je te conseille donc d'ajouter un Canvas comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<mx:TabNavigator width="300" height="500">
    <mx:Canvas width="100%" height="100%">
    </mx:Canvas>
</mx:TabNavigator>

et ajouter tes controles dans le canvas

[alain31tl]

Merci pour cette suggestion, cependant, celà ne change pas grand chose, je ne peux pour autant les manipuler.
De plus en utilisant un canvas, les "Label" des formulaires sont invisibles.
Les onglets du TabNavigator sont visibles, mais pas les titres ( Nouveau & Observations).l

Code (sans les attributs des éléments) :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:TabNavigator width="400" height="240">

<mx:Canvas width="100%" height="100%">
<mx:Form label="Nouveau" icon="@Embed(source='img/aa1.png')">
<mx:ComboBox></mx:ComboBox>
<mx:NumericStepper/>
<mx:NumericStepper/>
<mx:TextArea width="366" height="56"/>
</mx:Form>
</mx:Canvas>

<mx:Canvas width="100%" height="100%">
<mx:Form label="Observations" width="100%" height="100%">
<mx:TextArea width="366" height="119" id="comments"/>
</mx:Form>
</mx:Canvas>

</mx:TabNavigator>
</mx:Application>

En définitive, les choses se compliquent encore plus en encadrant le tout d'un canvas.

[Jim_Nastiq]

ce sont les premiers enfants du tabnavigator qui donne le nom aux onglets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:TabNavigator width="400" height="240">

   <mx:Canvas label="Nouveau" width="100%" height="100%">
      <mx:Form icon="@Embed(source='img/aa1.png')">
         <mx:ComboBox></mx:ComboBox>
         <mx:NumericStepper/>
         <mx:NumericStepper/>
         <mx:TextArea width="366" height="56"/> 
      </mx:Form>
   </mx:Canvas>

   <mx:Canvas label="Observations" width="100%" height="100%">
      <mx:Form width="100%" height="100%">
         <mx:TextArea width="366" height="119" id="comments"/>
      </mx:Form>
   </mx:Canvas>

</mx:TabNavigator>
</mx:Application>

[alain31tl]

Merci pour ta patience e tes suggestions, il n'en demeure pas moins qu'on ne peut toujours pas positionner les controls à sa guise ( Onglet design), et dans ton cas de figure.
Impossible de les repositionner où l'on souhaite.

C'est pas mal Flex mais d'une autre philosophie, je pensais que c'était plus intuitif sous réserve d'en connaître toutes les ficelles, en fait on ne remplacera pas notre bon vieux html, avec lequel il fallait 10 minutes pour ce faire.

[Jim_Nastiq]

honnetement Flex est bien plus efficace que HTML pour designer sa vue
suffit de connaitre et surtout comprendre les layouts des composants du framework et utiliser les contraintes (top, bottom, left, ...)

[alain31tl]

Oui, je crois aussi à son avenir mais pour le moment, je reste un peu sur ma faim, faute d'expérience bien sûr.
Je suis passé de la version trial à la Full licence, me suis procuré divers ouvrages mais je ne suis pas trés satisfait dans la façon dont c'est abordé.
Très bien, des études de cas vont être décortiquées mais on s'en va un peu dans tous les sens pour essayer d'aborder le maximum de sujets, enfin, c'est mon sentiment.
Idem pour les tutos, pourtant nombreux disponibles sur le net, notement sur flex-tutorial, les explications sont évasives pour un débutant, on reste toujours dans le cadre d'une étude de cas.
Ce que je ne comprends pas, c'est que Flex est avant tout orienté sur la présentation des documents, en tout cas, il faut acquérir cette connaissance avant de se lancer dans des projets plus sophistiqués, et qu'il n'existe pas d'ouvrage spécifique qui traite ces sujets en priorité.
Comme par exemple des ouvrages qui ne traitent exclusivement que des sujets respectifs tels que les CSS, ou le PHP, etc...
( On apprend pas le PHP en même temps que les CSS)
Pourquoi pas un ouvrage sur les containers, controls, propriétés et attributs, sans empiéter dans un premier temps sur les possibilités js ou traitement des données, entr'autres.
Ben moi, j'aime bien faire les choses dans l'ordre plutôt que de m'éparpiller à chercher un modéle, je préfére savoir comment celà fonctionne plutôt que de m'inspirer de simples exemples.
Alors enfin, à quand un bouquin sur les structures ?

[miya]

Entierement d'accord avec toi alain.

La communauté Flex n'est pas encore au point. Je viens d'autre horizon, du coté PHP, après l'apprentissage de Zend, le flex s'avère beaucoup plus difficile. Bien que j'ai des notions d'AS2 & AS3, les tutorials sont éparpillés à droite à gauche.

Moi j'aurai aimé, un tuto ou l'on commence de rien, à la création d'une petite application, surtout que c'est le but final de flex.

Mais bon, les autres sont bien passés avant nous, et y sont arrivés, donc accrochons nous!

[alain31tl]

....
Mais bon, les autres sont bien passés avant nous, et y sont arrivés, donc accrochons nous!....

C'est vrai miya, et je ne pleure pas sur mon sort, je suivrai à défaut le même chemin que les collégues.
Simplement, j'aime pas perdre mon temps faute d'outil pour t'épauler de façon rationnelle et organisée.
Je reste persuadé qu'il y en a parmi nous qui passe 2 jours à comprendre un truc, because on a pas un support d'aide digne de ce nom.
Grand dommage, je l'aime pourtant bien ce framwork et j'aimerais l'épouser, pour le pire et pour le bien.

[Jim_Nastiq]

La documentation officiel est top pour un coup et elle répond à énormément de questions que l'on peut se poser. Pour le reste il y'a les communautés: ici, les forums français et anglophone, les blogs plus que complet, ...

Je trouve que la techno est plus qu'abordée sur la toile , au même titre qu'une autre techno d'ailleurs

Evidement pour trouver une façon d'apprendre qui vous correspond je vous oriente vers la formation avec un bon formateur, la le contenu sera personnalisé et correspondra à vos attentes!

Car franchement avec la doc + flex in a week + le blog Flex Exemples + les tuto présent sur le web vous pouvez faire un très sérieux tour de la techno et pas simplement en surface!
Je pense vraiment qu'il faut passer par une phase de vernissage technique avant d'aborder les points plus complexes, et cela commence par comprendre l'architecture et le fonctionnement des composants du framework, en plus le code est dispo pour la plupart d'entre eux (c'est pas si souvent!)


fin du hors sujet, si vous souhaitez en débattre , merci d'utiliser le thread adéquate ou les mp

[alain31tl]

Oui, désolé pour la dérive Jim.

En définitive et à défaut de pouvoir les manipuler sur design, j'ai appliqué les styles padding...

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
<mx:TabNavigator width="400" height="240">

<mx:Canvas label="Nouveau" width="100%" height="100%">
<mx:HBox borderStyle="none" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:Label text="Evenement" paddingLeft="46"></mx:Label>
<mx:Label text="Heure" paddingLeft="84"></mx:Label>
<mx:Label text="Minute" paddingLeft="56"></mx:Label>
</mx:HBox>
<mx:HBox paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:ComboBox></mx:ComboBox>
<mx:Spacer width="30"/>
<mx:NumericStepper minimum="0" maximum="23" stepSize="1" id="heure"/>
<mx:Spacer width="30"/>
<mx:NumericStepper minimum="0" maximum="59" stepSize="1" id="minute"/>
</mx:HBox>
<mx:HBox borderStyle="none" paddingTop="70" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:Label text="Lieu" paddingLeft="50"></mx:Label>
</mx:HBox>
<mx:HBox borderStyle="none" paddingTop="90" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:TextArea width="366" height="50" id="lieu"/>
</mx:HBox>

</mx:Canvas>
<mx:Canvas label="Observations" width="100%" height="100%" paddingTop="90" paddingBottom="10" paddingLeft="10" paddingRight="10">
<mx:HBox borderStyle="none" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:Label text="Observations" paddingLeft="50"></mx:Label>
</mx:HBox>

<mx:HBox borderStyle="none" paddingTop="30" paddingBottom="10" paddingLeft="10" paddingRight="10" width="388">
<mx:TextArea width="366" height="119" id="observations"/>
</mx:HBox>
</mx:Canvas>

</mx:TabNavigator>
</mx:Application>