Bruk og forvaltning av grafiske kontroller

Nettsider inneholder ofte flere bilder og HTML ved hjelp av riktig tags (img) å instruere nettleseren til å laste et bilde og vise den. ASP.NET gjør det transparent for programmerere med img tag ved å bruke Image server kontroll som lar deg administrere filer av denne typen i koden ved å oversette innstillingene.

Bruk Image kontrollen er veldig enkelt, bare dra det fra verktøykassen på et webskjema som alle andre HTML-kontroller. Dette gjøres er opprettet en kode <img/>

I tillegg til at kontroll ASP.NET gir to andre nyttige kontroller: ImageButton er en knapp der du kan sette bakgrunnsbilde, ImageMap, som lar deg tilordne et bilde og dele det inn i områder som reagerer annerledes i basert på brukerklikk (vurdere, for eksempel et kart hvor klikke på ulike regioner åpner en side med sine funksjoner).

Opprett et nytt webskjema fra verktøykassen og dra et bilde kontroll i det. I vinduet Egenskaper av kontrollen veien for å sette inn et bilde på våre datamaskiner i Bildeadresse eiendommen. I praksis vil hvis du klikker på knappen til høyre for at eiendommen ser en dialogboks med elementene i prosjektet vårt (før setter inn bildet i prosjektet). For eksempel, la jeg bildet Collineazzurre.jpg til prosjektet mitt, og jeg kan klikke i dette vinduet

Etter å ha klikket OK, her er hvordan siden vises

Starte søknaden vil vi se i nettleseren vår en side som bare inneholder bildet.

Nå kan du legge en ImageButton kontroll til vår side. Som nevnt ovenfor er det en knapp som du kan dekorere med noen grafikk. Gjennom denne kontrollen kan du administrere tre mulige scenarier: i første ImageButton fungerer som en enkel knapp som kan kobles til Klikk-hendelsen på serveren i løpet av sekunder kan du definere en klient-side script og koble OnClientClick eiendom kontroll skript og i den tredje kan du fortelle kontrollen til sende den neste forespørsel til en bestemt side gjennom PostBackUrl eiendommen. I denne kontrollen er forsterke nødvendig Bildeadresse eiendommen for å indikere at bildet skal vises

Dersom eiendommen OnClientClick skrive ASP.NET kode test vil bli endret som følger

og når du klikker på Test-knappen vil bli forsøkt skriptet (du får en feilmelding dersom skriptet ikke eksisterer)

Men hvis eiendommen PostBackUrl skrive ~ / Validazione.aspx (opprettet siden noen leksjoner siden) ved å klikke på knappen vil vi bli omdirigert til denne siden.

Nå kan du legge en ImageMap kontroll og sette et bilde som Bildeadresse eiendom (jeg bruker den nye "Hills azzurre.jpg"). Blant egenskapene til kontroll er det også hotspots. Vi klikker på at eiendom og vi vil se et vindu der du kan definere såkalte hotspots (interaktive områder) i bildet. Legg til-knappen lar deg velge hva slags hotspots inn (sirkulær, rektangulær eller mangekantet). Sett inn et rektangulært HOSPOT

Vi setter verdiene for posisjonering og en streng (test) i eiendommen AlternateTex

Starte programmet, ved å plassere musen i området definert i teksten comparrirà Prøv å klikke og vi vil bli omdirigert til Validazione.aspx (sette NavigateUrl eiendommen)

• <<Forrige Leksjon
• Hjelp
• Neste Leksjon>>