■ MicaBackdrop 엘리먼트를 사용해 윈도우에서 반투명 효과를 설정하는 방법을 보여준다. (윈도우즈 11용)
※ 윈도우즈 11에서 도입된 Mica 효과를 보여준다고 하지만 본인 PC는 윈도우즈 10이라서 효과를 정확히 잘 모른다.
※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.
※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로 추가했다.
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 |
<?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
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?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" Title="TestProject"> <Window.SystemBackdrop> <MicaBackdrop /> </Window.SystemBackdrop> <Frame Name="frame" /> </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>
—————————————————————————————————-
