Attention, cette documentation est obsolète,

La seule documentation officiellement maintenue est la documentation Silex en Anglais. Et ceci par faute de moyen.

Si vous êtes volontaire pour maintenir la cohérence entre la version Française et Anglaise de la doc Silex, écrivez nous à contact [at] silexlabs.org

> http://community.silexlabs.org/silex/help

Le Loader

La première impression de votre publication

Le loader est un fichier swf (Flash) qui est chargé avant toute chose pour faire patienter l’internaute pendant le chargement de votre publication.

L’animation de chargement de publication (loader) est la première image de votre publication que verront vos visiteurs. Il doit être léger pour apparaitre rapidement.

Des exemples de loader à customiser

Vous trouverez les fichiers fla dans le répertoire <loaders/> du Devkit de Silex. Le DevKit est nécessaire dans son intégralité pour pouvoir publier un loader.

  • Exemples avec du texte
    > loaders/loader.fla, loaders/loader2.fla
  • Exemples avec une anim
    > loaders/loader_anim.fla, loaders/loader_wheel.fla
  • Téléchargement de nouveaux loaders
    > http://wp-manager.silex-ria.org/?cat=8

Personnalisation

Pour vous donner un exemple de personnalisation de loader, nous allons partir du fichier <loader2.fla>.

Dans la bibliothèque de Flash du fichier, vous trouverez l’animation d’entrée et l’animation de sortie nommée respectivement <loading anim in> et <loading anim out>, ainsi que le texte qui apparait lors du chargement.

Sur la timeline de Flash, sélectionnez le <layer 1> du <loading anim in> et personnalisez l’animation d’entrée  en ajoutant votre logo animé par exemple. Utilisez la même procédure pour l’animation de sortie du <loading anim out>. Vous avez la possibilité de changer le texte qui apparaît sous le loading sur le calque <text> situé sur la scène.

Où publier le loader ?

Pour utiliser le loader dans silex, vous devez le publier ou l’exporter en swf et le placer dans le répertoire “loaders” de votre serveur Silex (utiliser éventuellement les paramètres de publication de Flash). Ensuite, allez dans le manager, choisissez la rubrique “gérer”, sélectionnez une publication, puis dans ses paramètres avancés sélectionnez votre loader.

Affichez le site et vous verrez votre loader apparaitre, avant le site lui même.

Programmation de nouveaux types de loaders

Ceci n’est pas utile pour changer le design d’un loader mais peut l’être pour changer la fonctionnalité.
Classe implémentée par les loaders :
> org.silex.ui.loader.SimpleLoader
Cette classe se trouve dans le dev kit :
> framework/as2/org/silex/ui/loader/SimpleLoader

Voir aussi :

=> Les composants flash

=> Les boutons

=> Les layers skin

=> Les gabarits d’animation

=> Les composants OOF

=> Les outils de Silex

En savoir plus :

=> Lien vers le Devkit de Silex sur Source forge

=> Tutoriel : Comment personnaliser le loader ?

=> Téléchargement de nouveaux loaders
http://wp-manager.silex-ria.org/?cat=8
API SimpleLoader dans documentation technique

Leave a comment

Names and email adresses are required (email addresses aren't displayed), url's are optional.