在 WPF 中创建可点击的图像

Question

我想制作一个显示图像并可以在单击时调用命令的用户控件。 稍后我想将这些控件的列表绑定到产品列表。

Answer 1

尝试这种非常直接的方法

<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

好吧，经过一番摆弄，一个简单的按钮就可以完成这项工作。这里是：

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

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

有多种方法可以做到这一点，但一种简单的解决方案是使用按钮（也许可以去掉边框和背景的样式），并使用图像作为按钮的内容。

您稍后可以使用 ListBox 或类似的内容，并覆盖 DataTemplate 以使用每个产品的按钮和图像。

Answer 5

我不知道你们怎么想，但是 PreviewMouseDown 和 TouchUp 与我的绑定一起工作得很好：

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

我正在使用 VS 2015