Dans ce tutoriel d'à peu prêt 2 heures, nous allons créer un lecteur de news avec gestion xml des titres, de la date et du contenu. Pour que tout ceci soit plus fun, nous utiliserons la classe TweenMax pour animer chaque élément avec des effets de transitions qui donnerons du caché à notre application. Ce tutoriel vous permettra par la même occasion, de créer votre propre classe de chargement xml, elle pourra donc être réutilisé simplement et ceci, pour l'ensemble de vos projets.

Voici ce que comportera notre lecteur de news:

1. Interface sobre avec effet glow
2. Gestion dynamique de l'apparition des éléments de notre application
3. Gestion des titres, de la date et du contenu via un fichier xml
4. Utilisation d'une classe personnalisé pour le chargement xml
5. Possibilité d'utiliser des événements personnalisé

 
Vous pouvez avoir un aperçu de cette application en suivant ce lien>>

APERÇU_LECTEUR_DE_NEWS

Le tutoriel:

Création de l'interface:

• Mise en place des différents éléments: titre,date,contenu
• Préparation du projet, création de la structure
• Utilisation de filtres sur les éléments de l'application

Création du fichier xml:

• Mise en place du fichier xml: encodage et norme
• Création des différents noeuds
• Utilisation de paramètre pour chacune des news(id,titre,date,contenus)

Le codage:

La classe XMLLoader:

• Mise en place de la structure, package, classe et constructeur
• Imports optimisé des classes du projet
• Déclaration de l'ensemble des variables du projet
• Initialisation du projet et mise en place des paramètres de la classe
• Gestion de la progression (ProgressEvent)
• Gestion des erreurs (IOErrorEvent)
• Utilisation de la méthode getter setter pour la récupération des infos

La classe ParamEvent

• Mise en place de la classe ParamEvent en tant qu'événement personnalisé.
• Création de l'évènement ONCOMPLETE
• surcharge de la classe Event.

La classe News:

• Mise en place des différents import
• Déclaration des différentes variables du projet
• Initialisation de l'interface et utilisation de notre événement personnalisé
• Mise en place et récupération des donnés xml
• Placement dynamique des informations liés aux news via TweenMax
• Gestion des déplacements entre les différentes news
• Gestion optimisé des événements liés au bouton de déplacement

Les fichiers sources:

Vous trouverez un fichier zipx contenant l'ensemble du projet, soit:

1. Le fichier lecteurNew.fla 
2. Le fichier lecteurNews.swf
3. Le dossier xml et le fichier news.xml
4. Le dossier fr contenant les classes XMLLoader et ParamEvent
5. La classe News.as (classe principale)
6. Le fichier lecteurNews.html (détection du flash player)
7. Le rapport de taille
8. L'image d'aperçu de l'application

Améliorations:
Voici une petite amélioration concernant le lecteur de news, celle-ci est lié aux différentes rotations qui si elles sont trop rapprochées, peuvent laisser les éléments dans une mauvaise position. Ce bug apparait lorsque l'utilisateur clic rapidement sur les boutons avance et arrière. Pour résoudre ce problème, rien de bien compliqué, en effet il suffit simplement de désactiver les transitions si celles-ci ne sont toujours pas terminés. Pour cela j'ai choisie d'utiliser la classe setTimeout qui offre la possibilité de jouer une fonction après un certain délais. Vous trouverez cette amélioration dans les sources qui accompagne le tutoriel.