Shadow

.NET 다중 플랫폼 앱 UI(.NET MAUI) Shadow 클래스는 레이아웃 또는 보기 주위에 그림자를 그립니다. 클래스에는 VisualElement 레이아웃이나 뷰에 Shadow 그림자를 추가할 수 있는 바인딩 가능한 형식 Shadow의 속성이 있습니다.

Shadow 클래스는 다음 속성을 정의합니다.

• Radius형식 float의 는 그림자를 생성하는 데 사용되는 흐림 효과의 반경을 정의합니다. 이 속성의 기본값은 10입니다.
• Opacity형식 float의 그림자 불투명도를 나타냅니다. 이 속성의 기본값은 1입니다.
• Brush형식 Brush의 , 그림자를 색 지정하는 데 사용되는 브러시를 나타냅니다.
• OffSet형식 Point의 그림자를 만드는 광원의 위치를 나타내는 그림자의 오프셋을 지정합니다.

이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.

Important

이 속성은 Brush 현재 .를 SolidColorBrush지원합니다.

그림자 만들기

컨트롤에 그림자를 추가하려면 컨트롤의 Shadow 속성을 Shadow 속성이 모양을 정의하는 개체로 설정합니다.

다음 XAML 예제에서는 그림자를 추가하는 방법을 보여줍니다.Image

<Image Source="dotnet_bot.png"
       WidthRequest="250"
       HeightRequest="310">
    <Image.Shadow>
        <Shadow Brush="Black"
                Offset="20,20"
                Radius="40"
                Opacity="0.8" />
    </Image.Shadow>
</Image>

이 예제에서는 이미지의 오른쪽과 아래쪽에 표시되도록 지정하는 오프셋과 함께 이미지의 윤곽선 주위에 검은 그림자가 그려집니다.

다음 예제와 같이 잘린 개체에 그림자를 추가할 수도 있습니다.

<Image Source="https://aka.ms/campus.jpg"
       Aspect="AspectFill"
       HeightRequest="220"
       WidthRequest="220"
       HorizontalOptions="Center">
    <Image.Clip>
        <EllipseGeometry Center="220,250"
                         RadiusX="220"
                         RadiusY="220" />
    </Image.Clip>
    <Image.Shadow>
        <Shadow Brush="Black"
                Offset="10,10"
                Opacity="0.8" />
    </Image.Shadow>
</Image>

이 예제에서는 이미지를 클리핑하는 윤곽선 EllipseGeometry 주위에 검은 그림자가 그려집니다.

요소를 클리핑하는 방법에 대한 자세한 내용은 기하 도형이 있는 클립을 참조 하세요.