Korištenje i upravljanje grafičkih kontrola

Web stranice često sadrže nekoliko slika i HTML pomoću odgovarajuće oznake (IMG) uputiti preglednik za učitavanje slike i. ASP.NET čini transparentan programera koristeći img tag pomoću kontrole slike poslužitelj koji omogućuje upravljanje datotekama ove vrste u kodu prevodeći njegove postavke.

Koristite kontrole slike je vrlo jednostavna, samo povucite ga s Toolbox na web obrazac kao i bilo koji drugi HTML kontrole. To je učinjeno je stvorio oznaka <img/>

Osim toga kontrole ASP.NET nudi dvije druge korisne kontrole: ImageButton je tipka gdje možete postaviti pozadinsku sliku, ImageMap, koja vam omogućuje da karte sliku i razdijelite u područja koja reagiraju različito u na temelju korisnik klikne (mislim na primjer karte gdje se klikom na različitim regijama otvara stranicu s njihovim značajkama).

Stvaranje nove web obrazac iz Toolbox i povucite kontrole slike u njoj. U prozoru Svojstva kontrole put za umetanje slika na našim računalima u ImageUrl imovine. U praksi, ako kliknete na gumb s desne strane te imovine će vidjeti dijaloški okvir sa stavke u naš projekt (umetnuti prije sliku u projekt). Na primjer, dodao sam sliku Collineazzurre.jpg za moj projekt i mogu kliknuti na taj prozor

Nakon što kliknete U redu, evo kako stranica će se pojaviti

Pokretanje aplikacije ćemo vidjeti u našoj pregledniku stranicu koja sadrži samo slike.

Sada dodajte ImageButton kontrole na našu stranicu. Kao što je gore spomenuto da je gumb koji možete ukrasiti s nekim grafike. Kroz ovu kontrolu možete upravljati tri moguća scenarija: u prvom ImageButton radi kao jednostavan gumb koji može biti spojen na događaj Kliknite na poslužitelju u sekundi možete definirati na strani klijenta skripte i spojite OnClientClick svojstvo kontrole skriptu i u trećem možete reći kontrolu poslati sljedeći zahtjev na određenu stranicu preko PostBackUrl imovine. U ovu kontrolu je potrebno unaprijediti ImageUrl imovine pokazuju slike za prikaz

Ako nekretnina OnClientClick pisati ASP.NET kod testa će se mijenjati kako slijedi

i kada kliknete gumb Test će se suditi skriptu (dobiti ćete pogrešku ako skripta ne postoji)

Međutim, ako vlasništvo PostBackUrl pisati ~ / Validazione.aspx (urednik stranice nekoliko sati prije) i klikom na gumb ćemo biti preusmjeren na ovu stranicu.

Sada dodajte ImageMap kontrolu i postaviti bilo koju sliku kao ImageUrl imovine (ja koristiti nove "Hills azzurre.jpg"). Među svojstva kontrole nalazi se i vrućih. Mi kliknite na tu imovinu, pa ćemo vidjeti prozor u kojem možete definirati tzv vrućih (interaktivna područja) na slici. Dodaj gumb omogućuje vam odabir vrste vrućih točaka umetanja (kružni, pravokutni ili poligonalne). Umetnite pravokutni HOSPOT

Mi smo postavili vrijednosti za pozicioniranje i niza (test) u vlasništvo AlternateTex

Pokretanje programa, postavljanjem miša na prostor definiran u tekstu comparrirà pokušajte klikom, a mi ćemo biti preusmjeren na Validazione.aspx (postavite NavigateUrl imovine)

• <<Prethodna Lekcija
• Pomoć Index
• Sljedeća Lekcija>>