如何使用mvvm在wpf中的按钮上显示图像和内容

Question

我正在创建一个示例WPF-MVVM应用程序，因为我有一个图像表示“+”符号，我有一个内容为“编辑”的按钮。现在我必须在按钮上显示图像以及名称“编辑”。请让我知道这个问题的解决方案。

修改

这里我能够显示图像，但名称出现在图像下方。但我想在图像旁边显示名称。

Answer 1

你可以做这样的事情

    <Button Margin="104,78,84,60" Name="button1" Height="100" Width="200">
            <StackPanel Orientation="Horizontal">
                <Image Source="ssv.png" Stretch="None" Height="50" Width="50" />
                <TextBlock TextAlignment="Center">Text value for this.</TextBlock>
            </StackPanel>
    </Button>

Answer 2

有几种方法可以创建“图像按钮”，一种方法是创建从Button派生的自定义并添加Image属性，或者使用Button的用户控件，并声明性地将图像添加为部分用户控件XAML中按钮的控件模板。

但是，这些方法意味着按钮内图像的布局是固定的，因此不是特别灵活。

更好的选项是创建一个存储图像位置的附加属性，然后在按钮控件模板中引用此附加属性值。然后，您可以为控件模板创建样式，以使布局可以跨按钮重复使用。