Uso y manejo de controles gráficos

Las páginas Web suelen contener varias imágenes y el uso de una etiqueta HTML correspondiente (IMG) para instruir al navegador para cargar una imagen y mostrarla. ASP.NET hace que sea transparente para los programadores que utilizan la etiqueta img con el control de servidor de imagen que le permite administrar los archivos de este tipo en el código mediante la traducción de su configuración.

Utilice el control de la imagen es muy sencillo, basta con arrastrarlo desde la caja de herramientas en un formulario web, como todos los controles HTML. Esto se hace es crear una etiqueta <img/>

Además de los controles ASP.NET proporciona dos controles útiles: ImageButton es un botón donde se puede establecer una imagen como fondo de pantalla, ImageMap, que le permite asignar una imagen y se divide en áreas que reaccionan de manera diferente en basado en el usuario haga clic en (pensar, por ejemplo de un mapa que al hacer clic en las diferentes regiones se abre una página con sus características).

Crear un nuevo formulario Web Forms del Cuadro de herramientas y arrastre un control de imagen en el mismo. En la ventana Propiedades de la ruta de control para insertar una imagen en nuestras computadoras en la propiedad ImageUrl. Básicamente, si usted hace clic en el botón a la derecha de que la propiedad se ve un cuadro de diálogo con los elementos de nuestro proyecto (antes de insertar la imagen en el proyecto). Por ejemplo, he añadido la imagen Collineazzurre.jpg a mi proyecto y me puede seleccionar en este cuadro de diálogo

Después de pulsar OK, así es como aparecerá la página

Iniciar la aplicación veremos en nuestro navegador una página que contiene sólo la imagen.

Ahora agregue un control ImageButton de nuestra página. Como se mencionó anteriormente es un botón que se puede decorar con unos gráficos. A través de este control puede manejar tres escenarios posibles: en las primeras funciones como ImageButton simple botón que se puede conectar al evento Click en el servidor en cuestión de segundos se puede definir un script del lado del cliente y el enchufe de la propiedad OnClientClick del control guiones y en el tercero se puede decir el control para enviar la solicitud junto a una página específica a través de la PostBackUrl propiedad. Una vez más, este control es necesario mejorar la propiedad ImageUrl para indicar la imagen para mostrar

Si escribimos la propiedad OnClientClick prueba de código de ASP.NET se modificará de la siguiente manera

y al hacer clic en el botón de prueba buscará el script (que obtendrá un error si el guión no existe)

Sin embargo, si la propiedad PostBackUrl escribir ~ / Validazione.aspx (creado la página unas cuantas lecciones atrás) con el clic del botón que va a ser redirigido a esta página.

Ahora agregue un control ImageMap y establecer cualquier imagen como la propiedad ImageUrl (yo uso el nuevo "Hills azzurre.jpg"). Entre las propiedades del control también hay puntos de acceso. Haga clic en la propiedad y nos aparecerá una ventana donde puede definir los puntos de acceso llamados (áreas interactivas) de la imagen. El botón Agregar le permite elegir qué tipo de lugar hotspots (circular, rectangular o poligonal). Inserte un HOSPOT rectangular

Hemos establecido los valores para el posicionamiento y una cadena (de prueba) en la propiedad AlternateTex

Iniciar la aplicación, colocando el ratón en la zona definida en el texto comparrirà Intenta hacer clic y será redirigido a Validazione.aspx (establezca la propiedad NavigateUrl)

• <<Lección anterior
• Índice de la ayuda
• Lección siguiente>>