FrameworkElement.Resources(页面资源字典)

FrameworkElement.Resources(页面资源字典)

开发工具与关键技术：VS、WPF、XAML
作者：郑凯丰
撰写时间：2019年5月16日

代码：

<Window x:Class="Testitem.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="500">

1.设定代码：

 <Grid>
        <!--定义Grid的资源字典-->
        <Grid.Resources>
            <!--资源字典：可以定义多个资源-->
            <ResourceDictionary>

2.第一个线性渐变画刷

            <!--1.线性渐变画刷-->
            <LinearGradientBrush x:Key="gdLinearGradientBrush" StartPoint="0,0" EndPoint="1,1">
                <GradientStop Color="Red" Offset="0"/>
                <GradientStop Color="Orange" Offset="0.2"/>
                <GradientStop Color="Yellow" Offset="0.4"/>
                <GradientStop Color="Green" Offset="0.6"/>
                <GradientStop Color="Blue" Offset="0.8"/>
                <GradientStop Color="Violet" Offset="1"/>
            </LinearGradientBrush>

3.第二个径向资源画刷

<!--2.径向资源画刷-->
                <RadialGradientBrush x:Key="gdRadialGradientBrush">
                    <GradientStop Color="Red" Offset="0"/>
                    <GradientStop Color="Orange" Offset="0.2"/>
                    <GradientStop Color="Yellow" Offset="0.4"/>
                    <GradientStop Color="Green" Offset="0.6"/>
                    <GradientStop Color="Blue" Offset="0.8"/>
                    <GradientStop Color="Violet" Offset="1"/>
                </RadialGradientBrush>

4.第三个图片画刷(就是把图片当做背景来使用在文字上)

            <!--3.图片画刷-->
            <ImageBrush x:Key="gdImageBrush" ImageSource="img/0fabab054c0c097ec029da3ce59b2420.jpg"/>
        </ResourceDictionary>
    </Grid.Resources>

5.下面就开始调用上面写好的代码：

    <TextBlock Text="1.页面线性渐变画刷资源" Foreground="{StaticResource gdLinearGradientBrush}" FontSize="40" Height="50" VerticalAlignment="Top"/>
    <TextBlock Text="2.页面径向渐变画刷资源" Foreground="{StaticResource gdRadialGradientBrush}" FontSize="40" Height="50" VerticalAlignment="Center"/>
    <TextBlock Text="3.页面图片画刷资源" Foreground="{StaticResource gdImageBrush}" FontSize="40" Height="50" VerticalAlignment="Bottom"></TextBlock>
</Grid>

效果图：