wpf中应用字体图标(代码片段)

lonelyxmas lonelyxmas     2023-01-17     794

关键词:

原文:WPF中应用字体图标

一、什么是字体图标

         我们在进行GDI(图形界面)编程的过程中图标是不可少的。近些年随着网络的繁荣和移动应用的繁荣,矢量图的应用越来越火。

         矢量图是一种用数学方法描述的、由一系列点和线组成的图,因此相比位图文件比较小,并且还和分辨率无关。字体图标就是将这种图只作为文件(常见的.ttf,即TrueType Font),并通过一些表示代码引用。

二、字体图标文件的获得

        1、下载一些公共的图标如:Awesome阿里巴巴

               这些网站中有的可以直接下载.ttf(或其他字体图标格式)文件,有的需要自己打包成,这就需要先下载个图标集(.svg文件集),借助在线工具或者fontCreator软件工具生成。

        2、由美工(UI)制作

三、在WPF中的应用

    1、把字体文件夹拷贝到项目中,目录为(/fonts/字体文件或其他)    
    2、对文件右键,设置“复制到输出目录”为“如果较新则复制” 
    3、编写UI项目资源样式 /skin/style.xaml(或者其他常见资源引入方式)

    4、作为资源引用        

    <Window.Resources>
        <Style x:Key="FontAwesome">
            <Setter Property="TextElement.FontFamily" Value="pack://application,,,/IconFontTest;component/Resources/#FontAwesome" />
            <Setter Property="TextBlock.Width" Value="60"></Setter>
            <Setter Property="TextBlock.Height" Value="60"></Setter>
            <Setter Property="TextBlock.TextAlignment" Value="Center"></Setter>
            <Setter Property="TextBlock.FontSize" Value="40"></Setter>
            <Setter Property="TextBlock.Foreground" Value="Green"></Setter>
        </Style>
    </Window.Resources>

   5、TextBlock作为载体引用

         

        <WrapPanel Margin="12">
            <TextBlock x:Name="tb1"  Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf01b;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf01c;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf01d;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf01e;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf01f;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf001;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf002;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf013;" Style="DynamicResource FontAwesome" />
            <TextBlock Text="&#xf014;" Style="DynamicResource FontAwesome" />
        </WrapPanel>

6、2、ICO字体对照表,如果是XAML则是&#xf……如果是CS则是uf……

技术分享图片



wpf字体图标样式(代码片段)

  1、在网上下载FontICO字体字体压缩包 FontAwesome矢量图标库   2、下载到的压缩包,解压后获得图标字体文件      3、然后把字体文件夹拷贝到项目中,目录为(/fonts/字体文件)  ... 查看详情

在wpf应用程序中使用fontawesome图标

FontAwesome在网站开发中,经常用到。今天介绍如何在WPF应用程序中使用FontAwesome。如果是自定义的图标字体,使用方法相同。下载图标字体在官方网站或github上下载资源http://fontawesome.io/#modal-downloadhttps://github.com/FortAwesome/Font-Awesome... 查看详情

wpf添加自定义字体(代码片段)

原文:【WPF】添加自定义字体需求:在WPF项目中使用幼圆字体。步骤:1、首先要有幼圆TTF字体文件。在C:WindowsFonts目录下找,如果系统字体库中没有,就上网下一份,如这里或这里。2、将字体文件复制到WPF项目中(改文件名去掉... 查看详情

wpf动态绑定fontawesome中的图标(代码片段)

平时我们写XAML时,需要使用fontawesome.ttf中的图标可以这样做:<TextBlockText="&#xf28e;"Name="tbTest"FontFamily="/wpf字体图标绑定测试;component/#fontawesome"/>就是这一句: 查看详情

wpf动态绑定fontawesome中的图标(代码片段)

平时我们写XAML时,需要使用fontawesome.ttf中的图标可以这样做:<TextBlockText="&#xf28e;"Name="tbTest"FontFamily="/wpf字体图标绑定测试;component/#fontawesome"/>就是这一句: 查看详情

在wpf中使用字体图标

ICO字体实现步骤   一、到Font-Awesome官方网站下载字体压缩包      二、下载到的压缩包,解压后获得图标字体文件      三、然后把字体文件夹拷贝到项目中,目录为(/fonts/... 查看详情

在wpf(core版本)中引用外部字体不可用问题说明(代码片段)

原文:在WPF(core版本)中引用外部字体不可用问题说明这几天使用WPF写软件,想引用外部字体,于是下载了字体文件:然后在App.xaml中添加了如下代码:<FontFamilyx:Key="Digital-7Mono">pack://application:,,,/IVFTempMonitor;component/Fonts/Digital7... 查看详情

wpf学习第三十六章样式基础(代码片段)

...最常见的原因之一是通过他们的保存样式。  样式是可应用于元素的属性值集合。WPF样式系统与HTML标记中的层叠样式表(CascadingStyleSheet,CSS)标准担当类似的角色。与CSS类似,通过WPF样式可定义通用的格式化特性集合,并且为... 查看详情

vue项目中使用线上字体图标(代码片段)

字体图标我们都很熟悉,但是在一个项目中字体图标用的非常广泛,如果我们把字体图标下载下来,打包时体积也很大,所以我们可以用线上地址引入到public/index.html中使用使用字体图标一、添加到购物车去阿里... 查看详情

html在html中使用字体图标字形(代码片段)

查看详情

wpf——taskbariconoverlay(任务栏图标叠加)(代码片段)

原文:WPF——TaskBarIconOverlay(任务栏图标叠加) <Window.Resources><DrawingImagex:Key="OverlayImageVector"><DrawingImage.Drawing><GeometryDrawingBrush="Red"><GeometryDrawing.Geometr 查看详情

wpf绕圈进度条(代码片段)

...后,用正弦余弦设置(x,y)的位置。此方案优点:不需要UI图标此方案缺点:定时器耗性能WPF绕圈进度条(一)现在的方案如果有UI图标,或者自己能够设计矢量图的情况下,可以通过Xaml实现绕圈动画的设置。如下图添加矢量-Geometr... 查看详情

css高级技巧(代码片段)

...界面样式4.1鼠标样式cursor4.2轮廓线outline5.vertical-align属性应用 查看详情

如何使用子文件夹中的 ico 文件设置 WPF 应用程序图标

】如何使用子文件夹中的ico文件设置WPF应用程序图标【英文标题】:HowtosetWPFapplicationiconusingicofilefromsubfolder【发布时间】:2019-12-2422:47:04【问题描述】:我正在尝试更改我的WPF应用程序的默认图标。我有一个ico文件,我想在Icons... 查看详情

WPF 应用程序的 Windows 任务栏中显示的大小错误的图标

】WPF应用程序的Windows任务栏中显示的大小错误的图标【英文标题】:WrongsizediconshowingupinWindowstaskbarforWPFapp【发布时间】:2014-07-0914:49:42【问题描述】:我有一个简单的WPF应用程序。我有一个很好的多分辨率图标,尺寸从256x256一... 查看详情

wpf中使用ttf

...件,其中iconfont.ttf是程序所需文件,打开该文件可看到“字体名称”,程序根据该名称查找ttf文件,c#代 查看详情

在mui中引入自定义的字体图标(代码片段)

  字体图标可以到阿里巴巴矢量图上下载。  将下载好的iconfont.ttf放进mui/dist/fonts里面。在mui.css中加入以下代码。@font-facefont-family:Muiicons;font-weight:normal;font-style:normal;src:url(‘../fonts/icon.ttf‘)format(‘truetype‘);<!--从阿 查看详情

fontawesome矢量版,十六进制版,wpf字体使用

...,在WPF程序中,一般接触到的矢量图标资源有XAML、SVG、字体这三种格式。XAML是标准格式就不说了,SVG并不是直接支持的,不过微软提供了ExpressionDesign可以非常方便我们将其转换为XAML格式的资源。而对于字体,虽然WPF是直接支... 查看详情