如何使用mvvm在wpf中的按钮上显示图像和内容[重复]答案

【问题标题】：how to show image along with conent on a button in wpf using mvvm [duplicate]如何使用mvvm在wpf中的按钮上显示图像和内容[重复]
【发布时间】：2012-09-12 06:24:55
【问题描述】：

我正在创建一个示例 WPF-MVVM 应用程序，其中我有一个指示“+”号的图像，并且我有一个内容为“编辑”的按钮。现在我必须在按钮上显示图像以及名称“编辑”。请告诉我这个问题的解决方案。

编辑

在这里我可以显示图像，但名称出现在图像下方。但我想在图片旁边显示名字。

【问题讨论】：

如果它适合你，别忘了点赞并将其标记为答案..

标签： wpf mvvm

【解决方案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>

【讨论】：

嗨 Pranay 在这里我可以显示图像，但名称出现在图像下方。但我想在图片旁边显示名称。
@skumar - 你可能需要像我在更新中那样添加 Orientation="Horizontal" 并且可能需要增加宽度..
非常感谢 pranay... 现在我可以显示图片和文字了
@skumar 如果这个答案解决了你的问题，你应该把它设置为接受的答案。

【解决方案2】：

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

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

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

【讨论】：