Préparation des outils

de : Atelier créatif avec Flash : Créez une horloge pour votre desktop !

Acheter

Préparation des outils

À propos de cette vidéo

Avant toute chose dans Flash CS5, nous devons organiser les fichiers annexes au projet. Nous nous chargerons donc ici de l'installation et de la liaison des polices utilisées ainsi que de la classe Reflect.

Un extrait de : Atelier créatif avec Flash : Créez une horloge pour votre desktop !

Dans cette formation, vous créerez votre propre horloge digitale avec date intégrée. Elle pourra même être déployée sur votre bureau grâce à l´utilisation d´AIR 2. La partie liée à la création graphique sera passée en revue - via l´API de dessin de Flash CS5 - puis vous coderez l´ensemble de l´application pour que celle-ci soit utilisable depuis le FlashPlayer. Pour finir, voyez comment migrer votre application vers AIR 2 en adaptant certains éléments du langage afin de bénéficier d´outils liés à cette technologie (drag, close, etc.).

EUR 19,80

1h30

Acheter

Formations similaires

Dans ce chapitre, nous créerons une horloge digitale de A à Z. Le design sera lui aussi créé via l'API de dessin de Flash CS5. Cette horloge affichera bien entendu l'heure mais aussi les jours de la semaine.

Horloge digitale pour Flash
- Avant toute chose dans Flash CS5, nous devons organiser les fichiers annexes au projet. Nous nous chargerons donc ici de l'installation et de la liaison des polices utilisées ainsi que de la classe Reflect.
  
  Préparation des outils
  
  03:07
- Nous allons maintenant préparer notre design et utiliser les différents outils de dessin pour mettre en valeur notre horloge.
  
  Création du design 1/2
  
  09:41
- Poursuivons la création du design de notre horloge.
  
  Création du design 2/2
  
  10:57
- Nous allons initialiser l'application en créant la base de la classe associée à l'horloge. Nous devrons instancier nos variables et relier celles-ci à l'interface.
  
  Initialisation du projet
  
  10:39
- Notre horloge comporte une gestion de l'affichage du jour actuel, nous devrons donc gérer les éléments textuels liés aux jours de la semaine pour que seul le jour valide soit affiché.
  
  Gestion des semaines
  
  03:22
- Dans cette partie nous allons gérer le contenu de l'horloge. Nous utiliserons par exemple les ternaires pour gérer l'affichage des heures, minutes et secondes.
  
  Remplissage de l'horloge
  
  05:15
- Pour l'occasion, nous allons créer deux fonctions qui nous permettront de compléter les jours à la volée et de cacher des éléments simplement. Il suffira de passer les bons paramètres dans ces fonctions pour que l'ensemble des éléments soient fonctionnels.
  
  Fonctions utiles
  
  04:07
- Une fonction gérant l'affichage des jours sera créée en fonction de la valeur numérique du jour. Cette fonction sera capable d'afficher l'élément associé.
  
  Affichage des jours
  
  03:19
- Cette partie gérera l'actualisation de l'horloge. Nous utiliserons un timer pour que la mise à jour du temps se fasse toutes les 1000 ms.
  
  Actualisation et ajout de l'horloge
  
  03:59
- Pour finir, nous devrons paramétrer l'horloge et gérer son affichage dans l'interface.
  
  Finalisation et déploiement de horloge
  
  05:48
Dans ce chapitre, nous irons plus loin et ajouterons la possibilité d'utiliser notre horloge sur n'importe quel OS et ceci grâce à AIR 2.

Horloge digitale pour AIR 2
- Dans cette partie, nous préparerons notre projet pour AIR. Il faudra donc modifier l'ensemble des paramètres de publication pour cette migration. Nous aurons un certificat à créer pour que le projet AIR soit valide.
  
  Préparation pour AIR 2
  
  04:38
- Nous ajouterons deux nouveaux éléments au projet, une zone de drag réactive et un bouton de fermeture animé.
  
  Ajouts de composants et fonctionnalités
  
  06:33
- Des modifications étant apportées au projet, nous devrons adapter notre code pour que l'application migrée vers AIR soit fonctionnelle. Nous devons par exemple utiliser une nouvelle classe liée au stage.nativeWindow.
  
  Mise à jour du code pour AIR 2 1/2
  
  09:17
- Poursuivons la mise à jour du code.
  
  Mise à jour du code pour AIR 2 2/2
  
  04:06
- Nous clôturerons ce chapitre par l'exemple d'un déploiement de cette horloge sur l'OS Windows 7. Nous verrons donc comment se passe une telle installation.
  
  Déploiement sur Windows 7
  
  03:37