Share via


iOS의 TabbedPage 반투명 탭 표시줄

이 .NET 다중 플랫폼 앱 UI(.NET MAUI) iOS 플랫폼별은 탭 표시줄의 반투명 모드를 TabbedPage설정하는 데 사용됩니다. 바인딩 가능한 속성을 열거형 값으로 설정 TabbedPage.TranslucencyMode 하여 XAML에서 TranslucencyMode 사용합니다.

<TabbedPage ...
            xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
            ios:TabbedPage.TranslucencyMode="Opaque">
    ...
</TabbedPage>

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

using Microsoft.Maui.Controls.PlatformConfiguration;
using Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;
...

On<iOS>().SetTranslucencyMode(TranslucencyMode.Opaque);

이 메서드는 TabbedPage.On<iOS> 이 플랫폼별이 iOS에서만 실행되도록 지정합니다. TabbedPage.SetTranslucencyMode 네임스페이스의 메서드 Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific 는 다음 TranslucencyMode 열거형 값 중 하나를 지정하여 탭 표시줄 TabbedPage 의 반투명 모드를 설정하는 데 사용됩니다.

  • Default- 탭 표시줄을 기본 반투명 모드로 설정합니다. TabbedPage.TranslucencyMode 속성의 기본값입니다.
  • Translucent- 탭 표시줄을 반투명하게 설정합니다.
  • Opaque- 탭 표시줄을 불투명하게 설정합니다.

또한 메서드를 GetTranslucencyMode 사용하여 에 적용되는 열거형의 TranslucencyMode 현재 값을 검색할 TabbedPage수 있습니다.

그 결과 탭 표시줄의 반투명 모드를 TabbedPage 설정할 수 있습니다.

Screenshot of translucent and opaque tab bars on iOS.