[C#/WPF] RadialGradientBrush 엘리먼트 사용하기

■ RadialGradientBrush 엘리먼트를 사용하는 방법을 보여준다.

▶ 예제 코드 (XAML)

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="White" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
        <Style TargetType="{x:Type Ellipse}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="White" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="Yellow" />
                    <GradientStop Offset="0.5" Color="Orange" />
                    <GradientStop Offset="1.0" Color="Red"    />
                </RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="White"      />
                    <GradientStop Offset="0.5" Color="MediumBlue" />
                    <GradientStop Offset="1.0" Color="Black"      />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="AliceBlue" />
                    <GradientStop Offset="0.5" Color="Purple"    />
                    <GradientStop Offset="1.0" Color="#330033"   />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="Yellow" />
                    <GradientStop Offset="0.5" Color="Orange" />
                    <GradientStop Offset="1.0" Color="Red"    />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </StackPanel>
</Page>