Share via

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

  • [アーティクル]

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

<TabbedPage ...
            xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
            ios:TabbedPage.TranslucencyMode="Opaque">
    ...
</TabbedPage>

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

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

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

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

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

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

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

iOS の半透明および不透明のタブ バーのスクリーンショット