Ús i maneig de controls gràfics

Les pàgines web solen contenir diverses imatges i l'ús d'una etiqueta HTML corresponent (IMG) per instruir el navegador per carregar una imatge i mostrar-la. ASP.NET fa que sigui transparent per als programadors que utilitzen l'etiqueta img amb el control de servidor d'imatge que li permet administrar els fitxers d'aquest tipus en el codi mitjançant la traducció de la seva configuració.

Utilitzeu el control de la imatge és molt senzill, només cal arrossegar des de la caixa d'eines en un formulari web, com tots els controls HTML. Això es fa és crear una etiqueta <img/>

A més dels controls ASP.NET proporciona dos controls útils: ImageButton és un botó on es pot establir una imatge com a fons de pantalla, ImageMap, que li permet assignar una imatge i es divideix en àrees que reaccionen de manera diferent en basat en l'usuari faci clic a (pensar, per exemple d'un mapa que en fer clic a les diferents regions s'obre una pàgina amb les seves característiques).

Crear un nou formulari web Forms del Quadre d'eines i arrossegament un control d'imatge en el mateix. A la finestra Propietats de la ruta de control per inserir una imatge al nostre ordinador la propietat imageUrl. Bàsicament, si vostè fa clic al botó a la dreta que la propietat es veu un quadre de diàleg amb els elements del nostre projecte (abans d'inserir la imatge en el projecte). Per exemple, he afegit la imatge Collineazzurre.jpg al meu projecte i em pot seleccionar en aquest quadre de diàleg

Després de prémer OK, així és com apareixerà la pàgina

Iniciar l'aplicació veurem en el nostre navegador una pàgina que conté només la imatge.

Ara afegiu un control ImageButton de la nostra pàgina. Com es va esmentar anteriorment és un botó que es pot decorar amb uns gràfics. A través d'aquest control pot manejar tres escenaris possibles: en les primeres funcions com ImageButton simple botó que es pot connectar a l'esdeveniment Click en el servidor en qüestió de segons es pot definir un script del costat del client i l'endoll de la propietat OnClientClick del control guions i en el tercer es pot dir el control per enviar la petició al costat d'una pàgina específica a través de la PostBackUrl propietat. Un cop més, aquest control és necessari millorar la propietat imageUrl per indicar la imatge per mostrar

Si escrivim la propietat OnClientClick prova de codi de ASP.NET es modificarà de la manera

i en fer clic al botó de prova buscarà l'script (que obtindrà un error si el guió no existeix)

No obstant això, si la propietat PostBackUrl escriure ~ / Validazione.aspx (creat la pàgina unes quantes lliçons enrere) amb el clic del botó que serà redirigit a aquesta pàgina.

Ara afegiu un control ImageMap i establir qualsevol imatge com la propietat imageUrl (jo faig servir el nou "Hills azzurre.jpg"). Entre les propietats del control també hi ha punts d'accés. Feu clic a la propietat i ens apareixerà una finestra on pot definir els punts d'accés anomenats (àrees interactives) de la imatge. El botó Afegir li permet triar quin tipus de lloc hotspots (circular, rectangular o poligonal). Inseriu un Hotspot rectangular

Hem establert els valors per al posicionament i una cadena (de prova) a la propietat AlternateTex

Iniciar l'aplicació, afegint-ratolí a la zona definida en el text comparrirà Intenta fer clic i serà redirigit a Validazione.aspx (estableixi la propietat NavigateUrl)

• <<Lliçó anterior
• Índex de l'ajuda
• Lliçó següent>>