当前位置:网站首页 / WPF / 正文

[Aaronyang]写给自己的WPF4.5 [wpf使用FontAwesome]

时间:2015年01月07日 | 作者 : aaronyang | 分类 : WPF | 浏览: 6470次 | 评论 0

总有一个人他教会你成长,然后又独自离开--Aaronyang的博客(www.ayjs.net)-www.8mi.me

各位伟大的网站请你们不要转载,Ay有权追究法律责任,请尊重别人的劳动成果,谢谢了。各位阅读朋友,请到我的官网查看我的博客,不要到别人的网站上看

1 使用第三方字体,例如FontAwesome

下载完以后,我们只需要 font-awesome-4.2.0\fonts\FontAwesome.otf这个文件

新建一个wpf项目,双击

  

OK,编译项目,打开窗体,新建个TextBlock

第一种pack uri路径:

<TextBlock FontSize="48" FontFamily="pack://application:,,,/Resources/#FontAwesome">&#xf170;</TextBlock>

第二种路径:

<TextBlock FontSize="72" FontFamily="/blend1;Component/Resources/#FontAwesome">

OK,我们看看效果

OK,因为这些字体在系统不存在,输入法也打不出来,我们只能用Unicode编码

本地Unicode参考方式:

  font-awesome目录下:右键记事本工具 font-awesome-4.2.0\fonts\fontawesome-webfont.svg,但是没图片,但是可以使用几个unicode测试

在线方式:http://fortawesome.github.io/Font-Awesome/cheatsheet/

我保存的方式:

OK,如果图标不够用怎么办?用ai工具做吧,然后导出字体

用字体比用Path的好处,Path你要用微软的工具去画,而字体可以用很多工具去做,同样都是矢量图,但是字体灵活度更高,而Path的难度更更高

下面,是字体灵活度其他表现

 

用图片当背景

OK,是不是发现用起来不太方便

我们现在在app.xaml里面定义一个全局样式

<Application    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="blend1.App"
    StartupUri="Menu/MenuTest.xaml">
    <Application.Resources>
        <!-- 应该在此定义应用程序级的资源。-->
        <Style x:Key="FontAwesome" >
            <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/Resources/#FontAwesome" />
            <Setter Property="TextElement.FontSize" Value="16" />
        </Style>

    </Application.Resources></Application>

使用方式:

  <TextBlock FontSize="16" Style="{StaticResource FontAwesome}" >
                            <TextBlock.Foreground>
                                <RadialGradientBrush>
                                    <GradientStop Color="#FF8CAE33" Offset="0.033"/>
                                    <GradientStop Color="#FFC51111" Offset="0.797"/>
                                    <GradientStop Color="#FFD4960F" Offset="0.36"/>
                                </RadialGradientBrush>
                            </TextBlock.Foreground> &#xf170;</TextBlock>

结合上结课的笔记[Aaronyang] 写给自己的WPF4.5 笔记[3MenuItem中的icon]

新的字体图标效果出来了 

菜单V1.1


 

赠送心法:

 心法10-1(原创):

     vs2013中,xaml也可以 导航到定义,在xaml节点中按F12,可以到定义的地方

此时按F1帮助时候,不再是全局文档了,而是 导航定位到api了

 

 心法10-2(查找与整理):

    我们经常写桌面程序时候,会去调试,调试其中的一个手段是控制台,经常用Console.Write(),但是输出的位置,窗口不知道在哪,好吧,我有个方法,让控制台和项目一起启动,自己去下载查看DEMO吧

    下载地址:链接:http://pan.baidu.com/s/18jpCi 密码:kp5e

 

 心法10-3(别人的demo):

    如果想让其他exe程序在wpf指定窗体中显示和运行,你可能需要这个DEMO,自己去下载查看DEMO吧

    下载地址:链接:http://pan.baidu.com/s/1sj7EIpZ 密码:eo6o

   

 

 

======安徽六安=========www.ayjs.net==========aaronyang========杨洋========www.8mi.me==========


推荐您阅读更多有关于“WPF4.5,”的文章

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  查看权限

抖音:wpfui 工作wpf,目前主maui

招聘合肥一枚WPF工程师,跟我一个开发组,10-15K,欢迎打扰

目前在合肥市企迈科技就职

AYUI8全源码 Github地址:前往获取

杨洋(AaronYang简称AY,安徽六安人)AY唯一QQ:875556003和AY交流

高中学历,2010年开始web开发,2015年1月17日开始学习WPF

声明:AYUI7个人与商用免费,源码可购买。部分DEMO不免费

不是从我处购买的ayui7源码,我不提供任何技术服务,如果你举报从哪里买的,我可以帮你转正为我的客户,并送demo

查看捐赠

AYUI7.X MVC教程 更新如下:

第一课 第二课 程序加密教程

标签列表