走進WPF之資源

WPF不僅支持傳統的程序級的資源，還有獨具特色的對象級資源，每一個界面元素，都可以擁有自己的資源，並被子元素共享。本文以一些簡單的小例子，簡述WPF中資源的相關用法，僅供學習分享使用，如有不足之處，還請指正。

基礎用法

通常情況下，資源是在Window.Resources節點下，便於Window下所有的子元素共享，如下示例所示：

 示例源碼

 定義一個字符串類型的資源，在TextBlock中通過Text="{StaticResource default}"的方式進行引用。如下所示：

<Window x:Class="WpfApp1.TenWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        mc:Ignorable="d"
        Title="資源基礎示例" Height="250" Width="400">
    <Window.Resources>
        <sys:String x:Key="default">
            沉舟側畔千帆過，病樹前頭萬木春
        </sys:String>
    </Window.Resources>
    <Grid>
        <TextBlock x:Name="tbInfo" Text="{StaticResource default}" FontSize="20" Margin="10" Padding="10" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
    </Grid>
</Window>

資源層級

WPF資源是采用從內到外，逐層進行查找的，如果在當前窗口未檢索到資源，則繼續到App.xaml中繼續查找，示例如下所示：

 在App.xaml中定義資源，然后在Window中應用資源，如下所示：

<Application x:Class="WpfApp1.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:WpfApp1"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             StartupUri="TenWindow.xaml">
    <Application.Resources>
        <sys:String x:Key="story">
            懷舊空吟聞笛賦，到鄉翻似爛柯人。
        </sys:String>
    </Application.Resources>
</Application>

在Window窗口中調用，和調用本地資源是一樣的，如下所示：

<Window x:Class="WpfApp1.TenWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        mc:Ignorable="d"
        Title="資源基礎示例" Height="250" Width="400">
    <Window.Resources>
        <sys:String x:Key="default">
            沉舟側畔千帆過，病樹前頭萬木春。
        </sys:String>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <TextBlock x:Name="tbInfo1" Grid.Row="0" Text="{StaticResource story}" FontSize="20" Margin="10" Padding="10" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
        <TextBlock x:Name="tbInfo2" Grid.Row="1" Text="{StaticResource default}" FontSize="20" Margin="10" Padding="10" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock>
    </Grid>
</Window>

資源分類

根據資源的加載時間點，資源分為兩類，如下所示：

1. 靜態資源：靜態資源是在程序啟動初始化時進行加載且只加載一次的資源。
2. 動態資源：動態資源是在程序執行過程中，動態的去訪問資源，會隨着資源的改變而改變，所以動態資源對系統的消耗相對比較大。

動態資源

上述的基礎示例，采用的是靜態資源的方式。動態資源則是在程序執行過程中隨着資源的改變而改變。

兩個按鈕使用同一個資源【背景圖片】，只是一個采用靜態資源引用，一個采用動態資源引用，當資源發生改變時，一個不改變，一個實時變化。如下所示：

 示例源碼，如下所示：

<Window x:Class="WpfApp1.NineWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="資源基礎示例" Height="320" Width="400">
    <Window.Resources>
        <!--ViewportUnits——設置平鋪的相對/絕對坐標，即圖片在哪平鋪。-->
        <ImageBrush x:Key="one" Viewport="0 0 50 50" ViewportUnits="Absolute" TileMode="Tile" ImageSource="alan_logo.png" Opacity="0.3"></ImageBrush>
    </Window.Resources>
    <StackPanel Margin="5" x:Name="stackpanel1">
        <Button Content="第一個按鈕" Name="first" Margin="5" Padding="25" FontSize="58" Background="{ StaticResource one}"></Button>
        <Button Content="第二個按鈕" Name="second" Margin="5" Padding="25" FontSize="58" Background="{ DynamicResource one}" Click="second_Click" ></Button>
    </StackPanel>
</Window>

后台修改資源的代碼如下所示：

private void second_Click(object sender, RoutedEventArgs e)
{
       var img = this.FindResource("one") as ImageBrush ;
       img = new ImageBrush(new BitmapImage(new Uri(@"imgs/alan_logo1.png", UriKind.Relative)));
       img.TileMode = TileMode.Tile;
       img.Opacity = 0.3;
       img.Viewport = new Rect(0, 0, 50, 50);
       img.ViewportUnits = BrushMappingMode.Absolute;
       this.Resources["one"] = img;
       //注意：此處是直接重寫覆蓋資源key=one的對象，並不是對原資源設置ImageSoure屬性。兩者效果不同
}

 資源文件

資源文件位於Properties/Resources.resx中，如果想要在程序中訪問資源文件的內容，則必須將訪問修飾符設置成public，如下所示：

 

 在WPF中，通過Text="{x:Static prop:Resources.Password}"的方式，進行訪問資源內容，示例如下：

 示例源碼如下：

<Window x:Class="WpfApp1.ElevenWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        xmlns:prop="clr-namespace:WpfApp1.Properties"
        mc:Ignorable="d"
        Title="資源文件示例" Height="150" Width="400">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"></ColumnDefinition>
            <ColumnDefinition Width="2*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBlock x:Name="tbUserName" Text="{x:Static prop:Resources.UserName}" VerticalAlignment="Center" HorizontalAlignment="Right"  Grid.Row="0" Grid.Column="0" Margin="5"></TextBlock>
        <TextBox x:Name="txtUserName" Grid.Row="0" Grid.Column="1" Margin="5"></TextBox>
        <TextBlock x:Name="tbPassword" Text="{x:Static prop:Resources.Password}"  VerticalAlignment="Center" HorizontalAlignment="Right"   Grid.Row="1" Grid.Column="0" Margin="5"></TextBlock>
        <TextBox x:Name="txtPassword" Grid.Row="1" Grid.Column="1" Margin="5"></TextBox>
        <Button x:Name="btnSubmit" Content="{x:Static prop:Resources.Submit}" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Width="150" Margin="5"></Button>
    </Grid>
</Window>

 資源字典

資源字典可以實現資源的共享，一份定義，多處使用的效果。具有可維護性，高效，適應性等優勢。

首先創建資源字典文件，通過程序右鍵--添加--資源字典，打開資源字典對話框，創建名稱為OneDictionary.xaml，如下所示：

 

 資源字典中創建了五個資源，如下所示：

<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=mscorlib"
                    xmlns:local="clr-namespace:WpfApp1">
    <sys:String x:Key="story0">酬樂天揚州初逢席上見贈</sys:String>
    <sys:String x:Key="story1">【作者】劉禹錫 【朝代】唐</sys:String>
    <sys:String x:Key="story2">巴山楚水凄涼地，二十三年棄置身。</sys:String>
    <sys:String x:Key="story3">懷舊空吟聞笛賦，到鄉翻似爛柯人。</sys:String>
    <sys:String x:Key="story4">沉舟側畔千帆過，病樹前頭萬木春。</sys:String>
    <sys:String x:Key="story5">今日聽君歌一曲，暫憑杯酒長精神。</sys:String>
</ResourceDictionary>

在對應窗口中，包含資源文件的路徑即可，如下所示：

<Window x:Class="WpfApp1.TwelveWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="資源字典示例" Height="350" Width="400">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="OneDictionary.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <StackPanel Margin="5" HorizontalAlignment="Center">
        <TextBlock x:Name="tbStory0" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story0}"></TextBlock>
        <TextBlock x:Name="tbStory1" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story1}"></TextBlock>
        <TextBlock x:Name="tbStory2" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story2}"></TextBlock>
        <TextBlock x:Name="tbStory3" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story3}"></TextBlock>
        <TextBlock x:Name="tbStory4" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story4}"></TextBlock>
        <TextBlock x:Name="tbStory5" Margin="5" Padding="5" FontSize="20"  Text="{StaticResource story5}"></TextBlock>
    </StackPanel>
</Window>

示例截圖如下：

 

 以上就是資源的簡要介紹，主要用於拋磚引玉，共同學習，一起進步。

備注

蝶戀花·檻菊愁煙蘭泣露

【作者】晏殊  【朝代】宋

檻【jiàn】菊愁煙蘭泣露，羅幕輕寒，燕子雙飛去。明月不諳離恨苦，斜光到曉穿朱戶。

昨夜西風凋碧樹，獨上高樓，望盡天涯路。欲寄彩箋兼尺素，山長水闊知何處？