[C#/MAUI/.NET6] Shadow 엘리먼트 : 클리핑 이미지 그림자 설정하기 (프리뷰 버전 오류)

■ Shadow 엘리먼트를 사용해 클리핑 이미지 그림자를 설정하는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <Image
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="220"
        HeightRequest="220"
        Aspect="AspectFill"
        Source="https://aka.ms/campus.jpg">
        <Image.Clip>
            <EllipseGeometry
                Center="220,250"
                RadiusX="220"
                RadiusY="220" />
        </Image.Clip>
        <Image.Shadow>
            <Shadow
                Offset="10,10"
                Opacity="0.8"
                Brush="Black" />
        </Image.Shadow>
    </Image>
</ContentPage>

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

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

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

<Image

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="220"

HeightRequest="220"

Aspect="AspectFill"

Source="https://aka.ms/campus.jpg">

<Image.Clip>

<EllipseGeometry

Center="220,250"

RadiusX="220"

RadiusY="220" />

</Image.Clip>

<Image.Shadow>

<Shadow

Offset="10,10"

Opacity="0.8"

Brush="Black" />

</Image.Shadow>

</Image>

</ContentPage>

※ 프리뷰 버전 테스트시, 클리핑 영역을 설정하면 그림자가 정상적으로 표시되지 않았다.

TestProject.zip