wpf .net6使用 FontAwesome.WPF字体图标

  在nuget包里面有对应的包,下载对应的nuget包

 

    安装这个nuget包,之后在xaml文件中添加引用命名空间

     xmlns:fa="http://schemas.fontawesome.io/icons/"

 


    使用的时候,可以使用单独使用,也可以在其他控件上使用

    单独使用:

       <fa:FontAwesome Icon="flag" Margin="15,0,0,1"  FontSize="20" Foreground="#1ABC9C"/> 

 

里面的Icon就是对应的图标名称,这个名称可以进入中查看对应的名称,如下图:

 

icons网站
https://fontawesome.com/v4/icons/

 

红色框中的就是对应的名称。例如下图中的登录窗体中的用户名和密码就是适用这个方式的结果

 

    基础控件上使用:

    <Button fa:Awesome.Content="PencilSquareOutline" FontSize="20" Foreground="#864BFF" Command="{Binding EditCommand}" CommandParameter="{Binding ElementName=ProgramDG, Path=CurrentItem}"/> 

 

这个里面的fa:Awesome.Content="PencilSquareOutline"就是对应的名称,名称和上面查找的方式一样。

    如下图就是可以使用该方式DataGrid中红色框内的按钮就是使用该方式。

 

 代码修改windows自带的icon

Icon = ImageAwesome.CreateImageSource(FontAwesomeIcon.Flag, Brushes.Black);

旋转图标

<fa:ImageAwesome Icon="Spinner" Spin="True" SpinDuration="10" />

旋转 / 翻转

<fa:ImageAwesome Icon="Spinner" FlipOrientation="Horizontal" Rotation="90" />

CssClassNameConverter

<TextBlock Text="{Binding Path=FontAwesomeIcon, Converter={fa:CssClassNameConverter Mode=FromIconToString}}" Grid.Column="1" Grid.Row="1" />

图片资源转换器

<SolidColorBrush x:Key="ImageBrush"  Color="LightBlue" /><Image 
    Source="{Binding Path=FontAwesomeIcon, Converter={fa:ImageSourceConverter}, ConverterParameter={StaticResource ImageBrush}}"
    />

 

posted @ 2025-06-07 09:40  JohnnyLei  阅读(159)  评论(0)    收藏  举报