使用 Visual Studio 将图标添加到按钮
Add icon to button with Visual Studio
我有一个简单的问题。我想向 C# WPF Button 控件添加一个图标。我不想编写 C# 代码或编辑 XAML 来执行此操作。
但是,当我在设计器中单击按钮时,属性下没有设置图像的选项。如何通过 Visual Studio GUI 执行此操作?
easiest/best 方法是添加一个 Image
控件作为 Button
的 Content
。
属性 window 的功能有限,仅支持 属性 的文本。这确实包括绑定,因此您可以使用 Image
StaticResource
。不过,我也找不到从 属性 设计器创建一个的简单方法。
所以基本上,您无法编辑 XAML。直接使用 Content
属性 或在 Resources
中创建一个元素都不错!随便写:
<Button>
<Button.Content>
<Image ImageSource="..."/>
</Button.Content>
</Button>
当然,您可以创建一个 自定义 按钮,通过设计器显示 属性,但那甚至 更多 XAML。它的 WPF,您将不得不编写 XAML,因此应该优先学习如何编写。
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>
您可以在计算机上安装 FontAwesome
转到 http://fontawesome.io
并下载。打开下载的 ZIP 文件,在字体文件夹中应该有 .otf 文件,安装它!
在按钮的内容中,您只需键入所需的图标代码即可!
例如:
如果你想让你的按钮看起来像 this
然后安装FontAwesome字体
在你的按钮标签中输入 Content="" FontFamily="FontAwesome"
可以在此处找到更多代码http://fontawesome.io/cheatsheet/
我有一个简单的问题。我想向 C# WPF Button 控件添加一个图标。我不想编写 C# 代码或编辑 XAML 来执行此操作。
但是,当我在设计器中单击按钮时,属性下没有设置图像的选项。如何通过 Visual Studio GUI 执行此操作?
easiest/best 方法是添加一个 Image
控件作为 Button
的 Content
。
属性 window 的功能有限,仅支持 属性 的文本。这确实包括绑定,因此您可以使用 Image
StaticResource
。不过,我也找不到从 属性 设计器创建一个的简单方法。
所以基本上,您无法编辑 XAML。直接使用 Content
属性 或在 Resources
中创建一个元素都不错!随便写:
<Button>
<Button.Content>
<Image ImageSource="..."/>
</Button.Content>
</Button>
当然,您可以创建一个 自定义 按钮,通过设计器显示 属性,但那甚至 更多 XAML。它的 WPF,您将不得不编写 XAML,因此应该优先学习如何编写。
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>
您可以在计算机上安装 FontAwesome
转到 http://fontawesome.io
并下载。打开下载的 ZIP 文件,在字体文件夹中应该有 .otf 文件,安装它!
在按钮的内容中,您只需键入所需的图标代码即可!
例如: 如果你想让你的按钮看起来像 this
然后安装FontAwesome字体
在你的按钮标签中输入 Content="" FontFamily="FontAwesome"
可以在此处找到更多代码http://fontawesome.io/cheatsheet/