wpf - 将 XAML 属性转换为样式

Question

我有以下矩形:

<Rectangle x:Name="RefractionLayer" Width="200" Margin="-10,0,-80,0" Opacity=".5" >
    <Rectangle.Fill>
        <RadialGradientBrush GradientOrigin="0.396,1.152">
            <RadialGradientBrush.RelativeTransform>
                <TransformGroup>
                    <ScaleTransform CenterX="0.6" CenterY="0.4" ScaleX="2" ScaleY="-1"/>
                    <TranslateTransform X="0.02" Y="0.01"/>
                </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Offset="1" Color="#00000000"/>
            <GradientStop Offset="0.4" Color="#FFFFFFFF"/>
        </RadialGradientBrush>
    </Rectangle.Fill>
</Rectangle>

我正在尝试将其转换为样式，以便我可以重用它。这是我到目前为止所拥有的:

<Style x:Key="RibbonRefractionRectangle" TargetType="{x:Type Rectangle}">
    <Setter Property="Width" Value="200" />
    <Setter Property="Margin" Value="-10,0,-80,0" />
    <Setter Property="Opacity" Value=".5" />
    <Setter Property="Fill" TargetName="GradientOrigin" Value="0.396,1.152">

我似乎无法弄清楚如何将 Fill 转换。

本

Answer 1

您可以像这样使用 Setter.Value 元素:

<Style x:Key="RibbonRefractionRectangle" TargetType="{x:Type Rectangle}">
    <Setter Property="Width" Value="200" />
    <Setter Property="Margin" Value="-10,0,-80,0" />
    <Setter Property="Opacity" Value=".5" />
    <Setter Property="Fill">
        <Setter.Value>
            <RadialGradientBrush GradientOrigin="0.396,1.152">
                <RadialGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterX="0.6" CenterY="0.4" ScaleX="2" ScaleY="-1"/>
                        <TranslateTransform X="0.02" Y="0.01"/>
                    </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Offset="1" Color="#00000000"/>
                <GradientStop Offset="0.4" Color="#FFFFFFFF"/>
            </RadialGradientBrush>
        </Setter.Value>
    </Setter>
</Style>

其余的样式属性与您已经实现的一样。