次の方法で共有


iOS での TabbedPage の半透明タブ バー

この .NET マルチプラットフォーム アプリ UI (.NET MAUI) iOS プラットフォーム固有は、TabbedPage のタブ バーの半透明モードを設定するために使用されます。 これは、TabbedPage.TranslucencyMode バインド可能なプロパティを TranslucencyMode 列挙値に設定することで XAML で使用されます。

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

あるいは、Fluent API を使用して C# から使用することもできます。

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

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

TabbedPage.On<iOS> メソッドは、このプラットフォーム固有が iOS でのみ実行されることを指定します。 Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific 名前空間の TabbedPage.SetTranslucencyMode メソッドは、次の TranslucencyMode 列挙値のいずれかを指定して、TabbedPage のタブ バーの半透明モードを設定するために使用されます。

  • Default は、タブ バーを既定の半透明モードに設定します。 これは、TabbedPage.TranslucencyMode プロパティの既定値です。
  • Translucent は、タブ バーを半透明に設定します。
  • Opaque は、タブ バーを不透明に設定します。

さらに、GetTranslucencyMode メソッドを使用して、TabbedPage に適用されている TranslucencyMode 列挙の現在の値を取得できます。

その結果、TabbedPage のタブ バーの半透明モードを設定できるようになります。

Screenshot of translucent and opaque tab bars on iOS.