Découvrez mes derniers articles:

Logo FlexVoici un premier billet dans une lignée plus technique que les précédents, histoire de combler le peu de ressources Flex disponibles en langue française.

L’une des premières difficultés que rencontre nécessairement un développeur qui débute avec Flex est le changement de couleur d’arrière plan de son application lors du preload. En effet, une couleur « gris-bleu » (je ne sais même comment la définir) est affectée par défaut en background-color.

Il n’existe pas de moyen de changer cela via une instruction dans le MXML ou dans une feuille de style. Il faut donc utiliser l’une de ces deux solutions :

1. Compiler l’application à l’aide de l’argument -default-background-color

En passant l’argument -default-background-color #FFFFFF (par exemple) vous forcez la couleur de fond de votre application au blanc. Pour faire cela à l’aide de Flex Builder, vous devez procéder comme ceci :

  • Ouvrez votre projet
  • Allez dans le menu Project > Properties > Flex Compiler
  • Ajoutez -default-background-color #FFFFFF à la ligne « Additional compiler arguments », à la suite des arguments déja définis
  • Compilez le projet pour voir le résultat

Cette méthode ne change que le background-color de votre preload, et non pas celui de votre application. Pour changer également celui de votre application, vous pouvez rajouter la ligne suivante dans votre fichier MXML, sur le tag <mx:Application> :

backgroundGradientColors= »[#ffffff, #ffffff]« 

Ce qui donne par exemple :

[cc lang="xml"]


[/cc]

2. Forcer la couleur d’arrière plan directement dans le code HTML

Voici un exemple donné par Adobe pour forcer la couleur de fond d’une application depuis le code HTML :

[cc lang="xml"]
width= »100″ height= »100″ name= »test » align= »middle »
play= »true »
loop= »false »
quality= »high »
allowScriptAccess= »sameDomain »
type= »application/x-shockwave-flash »
pluginspage= »http://www.adobe.com/go/getflashplayer »>

[/cc]Je détaillerai certainement dans un prochain article la manière de personnaliser l’animation de preload.


0 commentaire pour ce billet

  1. Il n'y a pas encore de commentaires sur cet article, pourquoi ne pas en poster un ??