文件资源
程序集资源即包括图片、字体、音视频(Gif)等静态文件,在程序集中使用这些静态文件时候,需要对文件进行引入,引入之后要引用资源文件一般有两种做法,通过相对路径或URI引用。
一、文件的引入
将文件复制到程序集中,然后修改资源文件的属性。
二、相对路径
引入资源文件之后,在需要引入的控件中,使用相对路径就可以进行文件的引用了。
- 引用时,可以根据当前引用资源的xaml文件在项目中所在的路径来进行相对定位,也可以直接以
/
开头表示当前所属程序集目录。
<Image Source="../Images/1-1.bmp"/>
//也可以写成
<Image Source="/Images/1-1.bmp"/>
三、URI引用
除了使用相对路径进行资源的引用外,还可以通过URI的方式进行引用。
URI语法:pack://application:,,,/程序集名称;[版本号;][公钥;]component/Images/1-1.bmp
/程序集名称;[版本号;][公钥;]
中如果没版本号、公钥的话直接写个程序集名称就可以了,但记得一定要写前面的斜杠/
。pack://application:,,,
是默认的,可以省略。
如上文中的图片引用,可以改写成下列方式:
<Image Source="pack://application:,,,/WPFStudy;component/Images/1-1.bmp"/>
<!--简写-->
<Image Source="/WPFStudy;component/Images/1-1.bmp"/>
个人习惯直接使用URI,定位更加便利,妈妈再也不用担心资源用错了。
四、iconfont的使用
阿里巴巴矢量图标的使用跟常规的图像资源一样,要先将ttf文件引入程序集中,然后再在控件中使用图标字体即可。
<Label Content="" FontFamily="pack://application:,,,/WPFStudy;component/Images/#iconfont"/>
需要注意,FontFamily
属性设置字体时,最后不是直接指向文件名称iconfont.ttf,而是字体名称#iconfont
。
1、全局静态资源
如果不想每个、每个空间都去引用字体资源,那么可以统一在App.xaml中进行全局资源定义。
- 这里以使用了Prism为例,注意要使用复合资源,不然在运行应用后会加载不到资源。
<prism:PrismApplication x:Class="GEMConfigTool.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:GEMConfigTool"
xmlns:prism ="http://prismlibrary.com/">
<prism:PrismApplication.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary>
<FontFamily x:Key="inconFont">/Assets;component/Fonts/#iconfont</FontFamily>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</prism:PrismApplication.Resources>
</prism:PrismApplication>
<!--窗体控件中直接使用-->
<Button Content="" Foreground="LightBlue" FontFamily="{StaticResource inconFont}"/>
2、数据库保存处理
有时候我们需要把图表内容存入数据库,从而实现图表可以动态修改的效果。
字体图标,以&#e618为例(xaml中的表示法),到sqlserver数据库中则为e618,到C#中则为\ue618,因此在做数据保存及获取时需要做数据转换。
这里以EFC的CodeFirst为例子,在DbContext
中的OnModelCreating
函数中,做转换处理。
protected override void OnModelCreating(ModelBuilder modelBuilder)
{
// 菜单表中字体图标值转换 编号string<->字符string
ValueConverter iconValueConverter = new ValueConverter<string, string>(
v => string.IsNullOrEmpty(v) ? null : ((int)v.ToArray()[0]).ToString("x"),
v => v == null ? "" : ((char)int.Parse(v, NumberStyles.HexNumber)).ToString()
);
modelBuilder.Entity<MenuModel>().Property(p => p.MenuIcon).HasConversion(iconValueConverter);
}