Erstellen eines anklickbaren Bilds in WPF

Question

Ich möchte ein Benutzersteuerelement erstellen, das ein Bild anzeigt und beim Klicken einen Befehl aufrufen kann. Später möchte ich eine Liste dieser Steuerelemente an eine Liste von Produkten binden.

Answer 1

Versuchen Sie, diese sehr geradlinig Ansatz

<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 2

Es gibt mehrere Möglichkeiten, dies zu tun, aber eine einfache Lösung wäre, eine Schaltfläche zu verwenden (vielleicht den Rahmen und den Hintergrund zu entfernen) und das Bild als Inhalt der Schaltfläche zu verwenden.

Sie können später eine ListBox o.ä. verwenden und die DataTemplate überschreiben, um die Schaltfläche und ein Bild für jedes Produkt zu verwenden.

Answer 3

Nun, nach ein wenig mehr Fummelei, ein einfacher Knopf macht den Job. Hier ist sie:

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

Answer 4

<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 5

ich nicht über euch wissen aber PreviewMouseDown und TouchUp arbeitete völlig in Ordnung zusammen mit meiner Bindung:

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

Ich verwende VS 2015