studio - Crear una imagen clicable en WPF

visual studio wpf

Question

Quiero hacer un control de usuario que muestre una imagen y pueda invocar un comando cuando haga clic. Más tarde quiero vincular una lista de estos controles a una lista de productos.

Answer 1

Bueno, después de un poco más de manipulación, un simple botón hace el trabajo. Aquí está:

<Button Command="{Binding Path=DisplayProductCommand}" >
<Image Source="../Images/my-beautiful-product.jpg"/>
</Button>

Answer 2

Hay varias formas de hacerlo, pero una solución simple sería usar un botón (tal vez alejar el borde y el fondo) y usar la imagen como el contenido del botón.

Luego puede usar un ListBox o similar y anular el DataTemplate para usar el botón y una imagen para cada producto.

Answer 3

 <Image Name="imageFoo" Source="/AppFoo;component/Foo.png" Width="32" Cursor="Hand" MouseUp="imageFoo_MouseUp"/>
private void imageFoo_MouseUp(object sender, MouseButtonEventArgs e)
{
//Do something
}

Answer 4

Prueba este enfoque muy directo

<Grid>
<Button Height="50" Width="50">
<Button.Template>
<ControlTemplate>
<Image Source="yourimage.png"/>
</ControlTemplate>
</Button.Template>
</Button>
</Grid>
private void Button_Click(object sender, RoutedEventArgs e)
{
// do smt
}

Answer 5

No sé ustedes, pero PreviewMouseDown y TouchUp funcionaron completamente bien junto con mi encuadernación:

<Image x:Name="bla" Source="{Binding blabla}" ... TouchDown="bla_TouchDown" PreviewMouseDown="bla_PreviewMouseDown">

Estoy usando VS 2015