Microsoft Silverlight 4 - Tutoriel 1 : Hello World

Exemple classique du "Hello World" avec Silverlight !

Ce tutoriel fait partie d'une série de niveau débutant-intermédiaire pour apprendre Silverlight 4 par le biais d'exemples pas à pas.

Langage : VB.NET

Public visé : niveau Débutant

Commentez ce tutoriel : Commentez Donner une note à l'article (5)

Article lu   fois.

Les trois auteurs et traducteur

Site personnel

Traducteur :

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

Traduction

Ce tutoriel est la traduction la plus fidèle possible du tutoriel original de Peter Bull, Microsoft Silverlight 4 - Classic "Hello World" Example using Silverlight!

Introduction

Silverlight 4 est la dernière version de Silverlight, la sortie de celle-ci coïncidant avec celle de Visual Studio 2010, et de .NET 4, avec lequel Silverlight partage un peu de sa magie XAML. Voici l'exemple classique du Hello World porté sur Silverlight avec Visual Basic et Visual Web Developer 2010 Express Edition.

NDT Silverlight 4 était la version la plus récente au moment où ce tutoriel a été rédigé.

Exemple classique du « Hello World » avec Silverlight !

Étape 1

Démarrez Microsoft Visual Web Developer 2010 Express, ensuite sélectionnez Fichier puis Nouveau Projet... Sélectionnez Visual Basic ensuite Application Silverlight dans les modèles installés, sélectionnez un emplacement si vous le souhaitez, puis entrez un nom pour le projet et appuyez sur OK :

Image non disponible

Étape 2

Une nouvelle fenêtre Nouvelle application Silverlight devrait apparaître, décochez la case Héberger l'application Silverlight sur un nouveau site Web puis sélectionnez la Version de Silverlight ciblée :

Image non disponible

Étape 3

Une page vierge nommée MainPage.xaml devrait alors apparaître :

Image non disponible

Étape 4

Puis dans la section Contrôles Silverlight communs de la Boîte à outils, sélectionnez le contrôle Button :

Image non disponible

Étape 5

Dessinez un bouton (Button) sur la page :

Image non disponible

Étape 6

Allez ensuite dans la boîte Propriétés et modifiez le Name à HelloWorld et la propriété Content de Button à Cliquez ici :

Image non disponible

Étape 7

Double-cliquez sur le contrôle Button et tapez ceci dans le Sub HelloWorld_Click :

 
Sélectionnez
MessageBox.Show("Hello World")  
Image non disponible

Étape 8

Enregistrez le projet car vous avez maintenant terminé l'application Silverlight. Sélectionnez Debug ensuite Démarrer le débogage ou cliquez sur Démarrer le débogage :

Une fois que vous l'aurez fait, ce qui suit s'affichera dans une nouvelle fenêtre du navigateur Web :

Image non disponible

Étape 9

Maintenant cliquez sur Cliquez ici et une Boite de message (Message Box) s'affichera avec le contenu suivant :

Étape 10

Il vous suffit juste de cliquer sur OK. Fermez le navigateur en cliquant sur le bouton Fermer Image non disponible en haut à droite du navigateur Web pour Arrêter l'application.

Conclusion

Ceci était votre première application Silverlight sous Visual Web Developer 2010 Express, en attendant le prochain épisode des tutoriels Silverlight !

Essayez de changer le texte de la boite de message, ou le texte sur le bouton, il y a beaucoup à apprendre de cette application simple !

Liens

Remerciements

Je tiens ici à remercier Peter Bull de m'avoir autorisé à traduire son tutoriel.
Je remercie tomlev pour sa relecture technique et ses propositions.
Je remercie également ClaudeLELOUP pour sa relecture orthographique et ses propositions.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Copyright © 2012 Peter Bull. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Droits de diffusion permanents accordés à Developpez LLC.