Bootstrap

WPF资源的使用

目录

本地文件资源的使用

图片使用

设置图片属性:

本地图片加载:

直接加载url使用,使用网络图片

跨程序集使用:常用方法

音视频使用

字体图标文件的使用

字体图标文件的操作与合并

资源字典的使用

资源字典切换案例


本地文件资源的使用

图片使用

图片有两种使用方式

设置图片属性:

生成操作改为资源即可:

如果不设置资源的话,就算设计器中显示图片,启动程序的时候也是空白的。

<Image Source="/assets/images/r.jpg" Height="80" Width="100"/>

本地图片加载:

使用本地的时候,协议头:“pack://siteoforigin:,,,”是必须得,

Source = “pack://siteoforigin:,,,/路径”

<Image Source="pack://siteoforigin:,,,/assets/images/2.jpg" Height="80" Width="100"/>

直接加载url使用,使用网络图片

<Image Source="https://img-home.csdnimg.cn/images/20201124032511.png" 
  Height="80" Width="100"/>

跨程序集使用:常用方法

第一步、新建程序集:必须创建程序集:WPF类库 WPF用户控件库 WPF自定义控件库,才能加载文件

第二步、这里面文件统一设置资源属性,和上面设置生成操作-->资源 一样。

第三步、在当前程序集下需要引用需要使用的程序集

第四部、xaml写法注意:

使用跨程序集的时候,协议头:“pack://application:,,,”非必须,可以省略,也可以直接拖拽到xaml中,就默认省略协议头。

完整写法:[pack://application:,,,]/程序集名称;[版本号;][公钥;]component/路径

 <Image Source="pack://application:,,,/XH.Assets;component/Images/R.jpg"
   Height="80" Width="100"/>

加载成功:

音视频使用

MediaElement控件的使用

这个控件可以加载音频

由于比较大,音频必须是本地,和图片本地一样,也是用固定的协议头,然后加路径。

<MediaElement Source="pack://siteoforigin:,,,/assets/audio/1.mp4" Height="40"/>

字体图标文件的使用

这里我使用的是阿里矢量图:iconfont-阿里巴巴矢量图标库

第一步、下载字体文件

第二步、将下载的压缩包解压,选择里面的tff文件,复制放入到程序中:

第三步、把需要的tff文件属性,生成方式-->资源

第四步、把想要使用的图标去字体库中复制代码放入想要显示图标的地方

语法:assets/Fonts/[iconfont.ttf]#iconfont

文件名称可以省略 但是后面的字体名称不可以省略

字体名称就是双击tff打开显示的第一行字体名称:

<TextBlock Text="&#xe61f;" FontFamily="/assets/fonts/#iconfont" 
  HorizontalAlignment="Center"/>

可以在字体库中,设置大小,编辑颜色(但是颜色对于字体图标无效,因为可以设置字体颜色)。

字体图标文件的操作与合并

如果有两个字体图标文件的话,咱就可以不写文件名,直接设置字体名称即可。

利用资源进行操作:

<Window.Resources>
    <FontFamily x:Key="iconfont">assets/fonts/#iconfont</FontFamily>
<StackPanel>
    <TextBlock Text="&#xe662;" FontFamily="{StaticResource iconfont}"
      HorizontalAlignment="Center"/>
</StackPanel>

资源字典的使用

在需要的程序集下面添加文件,添加资源字典即可 也是xaml格式

资源字典中和XAML中写法一样,直接写入Style即可 设置TargetType 和 Key

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="TextBox">
        <Setter Property="Width" Value="80"/>
        <Setter Property="Height" Value="40"/>
        <Setter Property="Background" Value="Orange"/>
        <Setter Property="Foreground" Value="Green"/>
    </Style>
</ResourceDictionary>

使用:

 <Window.Resources>
     <ResourceDictionary Source="assets/res/textboxStyles.xaml" />
 </Window.Resources>
 <StackPanel>
     <!--练习-->
     <TextBox Text="TextBox" />
 </StackPanel>

这里我只是引用了资源字典就可以直接改变样式:

因为我没有设置key,所以所有的TextBox 都生效。

当多个资源字典的时候,使用资源合并:

 <ResourceDictionary>
     <ResourceDictionary.MergedDictionaries>
         <ResourceDictionary Source="assets/res/textboxStyles.xaml" />
         <ResourceDictionary Source="assets/res/buttonStyles.xaml" />
     </ResourceDictionary.MergedDictionaries>
 </ResourceDictionary>

当需要写style的时候,尽量写在MergedDictionaries 之后,因为有些会渲染不上,这是个小BUG,注意就好,优先级不一样。

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="assets/res/textboxStyles.xaml" />
        <ResourceDictionary Source="assets/res/buttonStyles.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <Style TargetType="TextBlock">
        <Setter Property="Foreground" Value="Black"/>
    </Style>
</ResourceDictionary>

资源字典切换案例

需求:实现主题切换和语言切换

第一步、先设置两个资源字典,设置需要切换的属性

内容如下:

<!--中文字典代码-->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:sys="clr-namespace:System;assembly=System.Runtime">
    <sys:String x:Key="title">小海课堂</sys:String>
    <SolidColorBrush x:Key="titleBackground">#DDD</SolidColorBrush>
    <SolidColorBrush x:Key="titleForeground">#000</SolidColorBrush>
</ResourceDictionary>
<!--英文字典代码-->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:sys="clr-namespace:System;assembly=System.Runtime">
    <sys:String x:Key="title">XiaoHai EDU</sys:String>
    <SolidColorBrush x:Key="titleBackground">#FF0000</SolidColorBrush>
    <SolidColorBrush x:Key="titleForeground">#CCC</SolidColorBrush>
</ResourceDictionary>
<Window.Resources>
    <!--一定要设置name 切换有用-->
    <ResourceDictionary Source="Assets/Res/Th_cn.xaml" x:Name="resDic"/>
</Window.Resources>
<StackPanel>
  <TextBlock Height="40" Text="{DynamicResource title}" Background="{DynamicResource titleBackground}" Foreground="{DynamicResource titleForeground}" />
  <Button Content="切换主题/语言" Click="Button_Click" />
</StackPanel>

样式如图:

设置C#代码

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.resDic.Source = new Uri("Assets/Res/Th_en.xaml",UriKind.Relative);
}

原理:设置动态属性,每次切换的时候,改变的是资源字典中的Source的路径。

切换前:

切换后:

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;