将系统颜色附加到LinearGradientBrush

时间:2013-01-16 14:56:32

标签: xaml windows-phone-8 windows-phone gradient lineargradientbrush

在我的应用程序中,我想创建一个具有系统颜色GradientStop的淡化线,我试图这样做:

<UserControl.Resources>
    <Style x:Key="Divider" TargetType="Rectangle">
        <Setter Property="Height" Value="2" />
        <Setter Property="Fill">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="{StaticResource PhoneChromeBrush}" Offset="0.0" />
                    <GradientStop Color="{StaticResource PhoneInverseBackgroundBrush}" Offset="1.0" />
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

但是当我尝试编译项目时,我收到以下错误:

A first chance exception of type 'System.Windows.Markup.XamlParseException' occurred in System.Windows.ni.dll
An exception of type 'System.Windows.Markup.XamlParseException' occurred in System.Windows.ni.dll but was not handled in user code

我该怎么做才能解决这个问题?

2 个答案:

答案 0 :(得分:3)

GradientStop.Color期待一种颜色,而不是画笔。请改用PhoneChromeColorPhoneInverseBackgroundColor

<UserControl.Resources>
    <Style x:Key="Divider" TargetType="Rectangle">
        <Setter Property="Height" Value="2" />
        <Setter Property="Fill">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="{StaticResource PhoneChromeColor}" Offset="0.0" />
                    <GradientStop Color="{StaticResource PhoneInverseBackgroundColor}" Offset="1.0" />
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

答案 1 :(得分:0)

我不确定,但似乎您可能将静态颜色设置为画笔。由于您从未将代码发布到“PhoneChromeBrush”或“PhoneInverseBackgroundBrush”的静态资源,因此很难说清楚。但是你正在设置渐变停止,如果它们是渐变本身,可能会破坏你的代码。通常你会为渐变保留'brush',所以我不确定:

你可以不做类似的事情吗?

<UserControl.Resources>

<LinearGradientBrush x:Key="MoneyBrush" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#3A883A" Offset="1" />
                <GradientStop Color="#FFFFFF" Offset="0" />
                <GradientStop Color="#FF53AA75" Offset="0.50" />
                <GradientStop Color="#073307" Offset="0.95" />
            </LinearGradientBrush>
        <Style x:Key="Divider" TargetType="Rectangle">
            <Setter Property="Height" Value="2" />
            <Setter Property="Fill" Value="{StaticResource MoneyBrush}"/>
        </Style>
    </UserControl.Resources>