[C#/WINUI3/.NET8] DesktopAcrylicBackdrop 엘리먼트 : 윈도우에서 반투명 효과 설정하기 (윈도우즈 10용)

■ DesktopAcrylicBackdrop 엘리먼트를 사용해 윈도우에서 반투명 효과를 설정하는 방법을 보여준다. (윈도우즈 10용)

※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.
※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로 추가했다.

▶ 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"
    Background="Transparent"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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"

Background="Transparent"

FontFamily="나눔고딕코딩"

FontSize="16">

</Page>

▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:muxd="using:Microsoft.UI.Xaml.Media"
    Title="TestProject">
    <Window.SystemBackdrop>
        <muxd:DesktopAcrylicBackdrop  />
    </Window.SystemBackdrop>
    <Frame Name="frame" />
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

xmlns:muxd="using:Microsoft.UI.Xaml.Media"

Title="TestProject">

<Window.SystemBackdrop>

<muxd:DesktopAcrylicBackdrop />

</Window.SystemBackdrop>

</Window>

▶ App.xaml


<?xml version="1.0" encoding="utf-8"?>
<Application x:Class="TestProject.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    RequestedTheme="Dark">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

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

<Application x:Class="TestProject.App"

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

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

RequestedTheme="Dark">

<Application.Resources>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

TestProject.zip