24- . Aplicaciones web. ImageButton,Image
- En este capítulo del curso de programación en c# con visual studio 2017,vamos a ver dos controles de uso común en muchas de las páginas web que utilizamos habitualmente. Estos controles son el ImageButton y el el elemento Image.Vamos con algunos datos sobre ellos:- El control Image nos permite mostra imagenes en el navegador y cambiar algunas de sus propiedades en tiempo de ejecucción modificando sus propiedades en el fichero.cs asociado al fichero aspx correspondiente.Por ejemplo puedes especificar mediante programación el archivo de gráficos asociado para un control Image en tiempo de diseño o en tiempo de ejecución. También puede enlazar la propiedad ImageUrl del control a un origen de datos.
- El control ImageButton nos permite una funcionalidad similar a la del control Button pero con la posibilidad de añadir una imagen.El control muestra una imagen y responde a los clics del mouse en la imagen.
- En el video os muestro algunas de las propiedades de estos dos controles y como es posible modificarlas en tiempo de diseño y en tiempo de ejeccución.
- Como acostumbro os dejo un par de enlaces a la MSDN donde tenéis algio más de información sobre estos dos controles:
- https://msdn.microsoft.com/es-es/library/cc295355.aspx
- https://msdn.microsoft.com/es-es/library/system.web.ui.webcontrols.imagebutton(v=vs.110).aspx
- También os dejo el código mostrado en el ejemplo:
- Código de la parte cliente:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Image ID="Image1" runat="server" ImageUrl="~/menu.png"/><br /><br />
<asp:ImageButton ID="ImageButton1" runat="server" OnClick="ImageButton1_Click" />
</div>
</form>
</body>
</html>
- Código de la parte de servidor:
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace HolaMundo
{
public partial class EjemploImagen : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ImageButton1.ImageUrl = "~/binary-code-475664_1920.jpg";
ImageButton1.Width = 100;
ImageButton1.Height = 50;
}
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
{
Image1.Width = 100;
Image1.Height = 100;
Image1.AlternateText = "BRI BLI BLI BLI";
}
}
}
No hay comentarios:
Publicar un comentario