使用 Visual Studio 将图标添加到按钮答案

【问题标题】：Add icon to button with Visual Studio使用 Visual Studio 将图标添加到按钮
【发布时间】：2015-01-30 22:29:13
【问题描述】：

我有一个简单的问题。我想向 C# WPF Button 控件添加一个图标。我不想编写 C# 代码或编辑 XAML 来执行此操作。

但是，当我单击设计器中的按钮时，属性下没有设置图像的选项。你如何通过 Visual Studio GUI 做到这一点？

【问题讨论】：

添加图片作为按钮的子控件。
这不是那么简单，为什么不使用ImageButton 是一个选项..？

标签： c# wpf visual-studio xaml

【解决方案1】：

最简单/最好的方法是添加一个Image控件作为Button的Content。

属性窗口的功能有限，仅支持该属性的文本。这确实包括绑定，因此您可以使用Image StaticResource。不过，我也找不到一种简单的方法来从属性设计师那里创建一个。

所以基本上，您只能编辑 XAML。可以直接使用Content 属性，也可以在Resources 中创建一个元素，这还不错！随便写：

<Button>
   <Button.Content>
      <Image ImageSource="..."/>
   </Button.Content>
</Button>

当然，您可以创建一个 custom 按钮，通过设计器公开该属性，但那甚至是 more XAML。它的 WPF，你将不得不编写 XAML，所以学习如何应该是一个优先事项。

【讨论】：

【解决方案2】：

Visual Studio 2015：创建一个按钮。创建一个图像。将图像的来源设置为资源的正确文件（例如，您包含在项目中的 .png 文件）将图像拖到按钮上。显示的文本要求您按 ALT 以将按钮的文本替换为图像。

我目前不知道如何获取按钮的图像和文本。

在 XAML 中，它看起来像这样：

<Button x:Name="button12" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="75">
   <Image x:Name="image" HorizontalAlignment="Left" Height="24" VerticalAlignment="Top" Width="24" Source="gfx/new.png"/>
</Button>

【讨论】：

【解决方案3】：

你可以在你的电脑上安装FontAwesome

转到http://fontawesome.io 并下载。打开下载的ZIP文件，字体文件夹里面应该有.otf文件，安装吧！

在按钮的内容中，您可以简单地输入所需的图标代码！

例如：如果你想让你的按钮看起来像this

然后安装 FontAwesome 字体并在您的按钮标签中输入Content="&#xf01e;" FontFamily="FontAwesome"

更多代码可以在这里找到http://fontawesome.io/cheatsheet/

【讨论】：