Utilisation et gestion des contrôles graphiques

Les pages Web contiennent souvent des images multiples et utilisant une balise HTML appropriée (IMG) de charger le navigateur de charger une image et l'afficher. ASP.NET rend transparent pour les programmeurs utilisant la balise img en utilisant le contrôle serveur Image qui vous permet de gérer des fichiers de ce type dans le code en traduisant ses réglages.

Utilisez le contrôle Image est très simple, il suffit de glisser de la Boîte à outils sur un formulaire Web comme tous les autres contrôles HTML. Ce qui est fait est créé un tag <img/>

En plus de ces contrôles ASP.NET fournit deux autres contrôles utiles: ImageButton est un bouton où vous pouvez définir une image comme fond d'écran, ImageMap, qui vous permet de mapper une image et de la diviser en zones qui réagissent différemment au basé sur clic de l'utilisateur (pensez par exemple d'une carte où cliquant sur les différentes régions ouvre une page avec leurs caractéristiques).

Créer un nouveau formulaire Web de la boîte à outils et faites glisser un contrôle Image en elle. Dans la fenêtre Propriétés du chemin de contrôle pour insérer une image sur nos ordinateurs dans la propriété ImageUrl. Fondamentalement, si vous cliquez sur le bouton situé à droite de cette propriété verrez une boîte de dialogue avec les éléments de notre projet (avant d'insérer l'image dans le projet). Par exemple, j'ai ajouté l'image Collineazzurre.jpg à mon projet et je peux choisir dans cette boîte de dialogue

Après avoir cliqué sur OK, voici comment la page apparaîtra

Lancement de l'application, nous verrons dans notre navigateur une page contenant uniquement l'image.

Maintenant, ajoutez un contrôle ImageButton à notre page. Comme mentionné précédemment est un bouton que vous pouvez décorer avec quelques graphiques. Grâce à ce contrôle, vous pouvez gérer trois scénarios possibles: dans les premières fonctions comme un simple bouton ImageButton qui peut être relié à l'événement Click sur le serveur en quelques secondes vous pouvez définir un script côté client et branchez la propriété OnClientClick du contrôle scripts et dans le troisième, vous pouvez dire le contrôle à envoyer la prochaine requête sur une page spécifique à travers la PostBackUrl propriété. Encore une fois, ce contrôle est nécessaire de renforcer la propriété ImageUrl pour indiquer l'image à afficher

Si nous écrivons la propriété OnClientClick test de code ASP.NET seront modifiés comme suit

et lorsque vous cliquez sur le bouton Test va rechercher le script (vous obtiendrez une erreur si le script n'existe pas)

Cependant, si la propriété en écriture PostBackUrl ~ / Validazione.aspx (créateur de la page il ya quelques leçons) en cliquant sur le bouton, nous serez redirigé vers cette page.

Maintenant, ajoutez un contrôle ImageMap et mettre n'importe quelle image comme la propriété ImageUrl (j'utilise le nouveau "Hills azzurre.jpg"). Parmi les propriétés du contrôle il ya aussi les hotspots. Cliquez sur la propriété et nous allons voir une fenêtre où vous pouvez définir les hotspots dits (zones interactives) de l'image. Le bouton Ajouter vous permet de choisir quel type de hotspots place (circulaire, rectangulaire ou polygonale). Insérez un HOSPOT rectangulaires

Nous avons fixé les valeurs de positionnement et d'une chaîne (test) dans la propriété AlternateTex

Lancement de l'application, en plaçant la souris dans la zone définie dans le texte comparrirà Essayez de cliquer et nous seront redirigés vers Validazione.aspx (définir la propriété NavigateUrl)

• <<Leçon précédente
• Index de l'aide
• Leçon suivante>>