[C#/WINUI3/.NET8] Compositor 클래스 : 사각형 그림자 효과 그리기

■ Compositor 클래스를 사용해 사각형에 그림자 효과를 그리는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mgcux="using:Microsoft.Graphics.Canvas.UI.Xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Name="grid" />
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

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

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

xmlns:mgcux="using:Microsoft.Graphics.Canvas.UI.Xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

</Page>

▶ MainPage.xaml.cs


using System.Numerics;

using Microsoft.UI;
using Microsoft.UI.Composition;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Hosting;

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public sealed partial class MainPage : Page
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        this.InitializeComponent();

        Visual gridVisual = ElementCompositionPreview.GetElementVisual(this.grid);

        Compositor compositor = gridVisual.Compositor;

        CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue);

        DropShadow dropShadow = compositor.CreateDropShadow();

        dropShadow.BlurRadius = 15.0f;
        dropShadow.Offset     = new Vector3(10, 10, 0);
        dropShadow.Color      = Colors.Black;

        SpriteVisual spriteVisual = compositor.CreateSpriteVisual();

        spriteVisual.Size   = new Vector2(200, 200);
        spriteVisual.Offset = new Vector3(100, 100, 0);
        spriteVisual.Brush  = compositionColorBrush;
        spriteVisual.Shadow = dropShadow;

        ContainerVisual containerVisual = compositor.CreateContainerVisual();

        containerVisual.Children.InsertAtTop(spriteVisual);

        ElementCompositionPreview.SetElementChildVisual(this.grid, containerVisual);
    }

    #endregion
}

using System.Numerics;

using Microsoft.UI;

using Microsoft.UI.Composition;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Hosting;

namespace TestProject;

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

this.InitializeComponent();

Visual gridVisual = ElementCompositionPreview.GetElementVisual(this.grid);

Compositor compositor = gridVisual.Compositor;

CompositionColorBrush compositionColorBrush = compositor.CreateColorBrush(Colors.Blue);

DropShadow dropShadow = compositor.CreateDropShadow();

dropShadow.BlurRadius = 15.0f;

dropShadow.Offset = new Vector3(10, 10, 0);

dropShadow.Color = Colors.Black;

SpriteVisual spriteVisual = compositor.CreateSpriteVisual();

spriteVisual.Size = new Vector2(200, 200);

spriteVisual.Offset = new Vector3(100, 100, 0);

spriteVisual.Brush = compositionColorBrush;

spriteVisual.Shadow = dropShadow;

ContainerVisual containerVisual = compositor.CreateContainerVisual();

containerVisual.Children.InsertAtTop(spriteVisual);

ElementCompositionPreview.SetElementChildVisual(this.grid, containerVisual);

}

#endregion

}

TestProject.zip