다음을 통해 공유

iOS의 VisualElement 그림자

  • 아티클

이 iOS 플랫폼별은 에 그림자 VisualElement를 사용하도록 설정하는 데 사용됩니다. 연결된 속성을 그림자를 제어하는 true추가 선택적 연결된 속성과 함께 XAML VisualElement.IsShadowEnabled 에서 사용합니다.

<ContentPage ...
             xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core">
    <StackLayout Margin="20">
        <BoxView ...
                 ios:VisualElement.IsShadowEnabled="true"
                 ios:VisualElement.ShadowColor="Purple"
                 ios:VisualElement.ShadowOpacity="0.7"
                 ios:VisualElement.ShadowRadius="12">
            <ios:VisualElement.ShadowOffset>
                <Size>
                    <x:Arguments>
                        <x:Double>10</x:Double>
                        <x:Double>10</x:Double>
                    </x:Arguments>
                </Size>
            </ios:VisualElement.ShadowOffset>
         </BoxView>
        ...
    </StackLayout>
</ContentPage>

또는 흐름 API를 사용하여 C#에서 사용할 수 있습니다.

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.iOSSpecific;
...

var boxView = new BoxView { Color = Color.Aqua, WidthRequest = 100, HeightRequest = 100 };
boxView.On<iOS>()
       .SetIsShadowEnabled(true)
       .SetShadowColor(Color.Purple)
       .SetShadowOffset(new Size(10,10))
       .SetShadowOpacity(0.7)
       .SetShadowRadius(12);

이 메서드는 VisualElement.On<iOS> 이 플랫폼별이 iOS에서만 실행되도록 지정합니다. VisualElement.SetIsShadowEnabled 네임스페이 Xamarin.Forms.PlatformConfiguration.iOSSpecific 스의 메서드는 그림자를 사용할 VisualElement수 있는지 여부를 제어하는 데 사용됩니다. 또한 다음 메서드를 호출하여 그림자를 제어할 수 있습니다.

  • SetShadowColor – 그림자의 색을 설정합니다. 기본 색상은 Color.Default입니다.
  • SetShadowOffset – 그림자의 오프셋을 설정합니다. 오프셋은 그림자가 캐스팅되는 방향을 변경하고 값으로 Size 지정됩니다. 구조체 값은 Size 디바이스 독립적 단위로 표현되며, 첫 번째 값은 왼쪽(음수 값) 또는 오른쪽(양수 값)까지의 거리이고 두 번째 값은 위(음수 값) 이하의 거리(양수 값)입니다. 이 속성의 기본값은 (0.0, 0.0), 그림자의 VisualElement양쪽 주위에 캐스팅 되 고.
  • SetShadowOpacity – 값이 0.0(투명) 범위에서 1.0(불투명)인 그림자의 불투명도를 설정합니다. 기본 불투명도 값은 0.5입니다.
  • SetShadowRadius – 그림자를 렌더링하는 데 사용되는 흐림 반경을 설정합니다. 기본 반지름 값은 10.0입니다.

참고 항목

그림자의 상태는 , GetShadowColor, GetShadowOffsetGetShadowOpacity및 GetShadowRadius 메서드를 GetIsShadowEnabled호출하여 쿼리할 수 있습니다.

그 결과 다음에서 그림자를 사용할 VisualElement수 있습니다.

그림자 사용