Anvendelse og forvaltning af grafiske kontroller

Websider indeholder ofte flere billeder og med en passende HTML-tag (IMG) at instruere browseren til at indlæse et billede og vise det. ASP.NET gør det transparent for programmører vha. img tag ved hjælp af Billed-server kontrol der giver dig mulighed for at håndtere filer af denne type i koden ved at omsætte sine indstillinger.

Brug af billedet kontrol er meget simpel, bare trække det fra Toolbox i en webformular ligesom alle andre HTML-kontroller. Dette er gjort, er skabt et tag <img/>

Ud over disse kontroller ASP.NET giver to andre nyttige kontroller: ImageButton er en knap hvor du kan indstille et billede som tapet, Imagelinks, hvilket giver dig mulighed for at kortlægge et billede, og del den i områder, der reagerer forskelligt på baseret på brugerens klik (tænk for eksempel på et kort, hvor at klikke på forskellige regioner åbner en side med deres funktioner).

Opret en ny webformular fra værktøjskassen og træk et billede kontrol i det. I vinduet Egenskaber af kontrol-stien for at indsætte et billede på vores computere i ImageURL ejendommen. Dybest set, hvis du klikker på knappen til højre for denne ejendom vil se en dialogboks med elementerne i vores projekt (før indsætte billedet i projektet). For eksempel, tilføjede jeg billedet Collineazzurre.jpg til mit projekt, og jeg kan vælge i denne dialog

Når du har klikket på OK, er her, hvordan siden vises

Lancering af programmet, vi vil se i vores browser en side, der kun indeholder billedet.

Nu tilføje en ImageButton kontrol til vores side. Som tidligere nævnt er en knap, som du kan dekorere med nogle grafik. Gennem denne styring kan du håndtere tre mulige scenarier: i den første fungerer som en simpel knap ImageButton som kan tilsluttes til hændelsen Click på serveren på få sekunder kan du definere en klient-side scripting og sæt OnClientClick ejendom kontrol scripts og i den tredje kan du fortælle kontrol for at sende den næste anmodning til en bestemt side gennem ejendommen PostBackUrl. Igen, denne kontrol er det nødvendigt at øge ImageURL egenskaben til at angive billede at vise

Hvis vi skriver ejendommen OnClientClick Test ASP.NET kode vil blive ændret som følger

og når du klikker på knappen Test vil søge i scriptet (du får en fejl, hvis scriptet ikke eksisterer)

Men hvis ejendommen PostBackUrl skrive ~ / Validazione.aspx (oprettede siden et par lektioner siden) med et klik på en knap, vi vil blive omdirigeret til denne side.

Nu tilføje en Imagelinks kontrol og sæt et billede som ImageURL ejendom (jeg bruger den nye "Hills azzurre.jpg"). Blandt kontrolelementets egenskaber er der også hotspots. Klik på ejendommen, og vi vil se et vindue, hvor du kan definere de såkaldte hotspots (interaktive områder) af billedet. Tilføj knappen kan du vælge, hvilken slags sted hotspots (cirkulære, rektangulære eller polygonale). Indsæt en rektangulær HOSPOT

Vi sætter værdierne for positionering og en streng (test) i ejendommen AlternateTex

Lancering af ansøgningen, ved at placere musen i det område, der er defineret i comparrirà teksten Prøv at klikke og vi vil blive omdirigeret til Validazione.aspx (indstille NavigateUrl ejendom)

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>