[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>

<Page

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Page.Resources>

</Style>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

</StackPanel>

</Page>