Android の TabbedPage ツールバーの配置と色

  • [アーティクル]

重要

TabbedPage のツール バーの色を設定するプラットフォーム固有設定は廃止され、SelectedTabColor とUnselectedTabColor のプロパティに置き換えられました。 詳細については、「TabbedPage の作成」を参照してください。

これらのプラットフォーム固有の設定は、TabbedPage のツールバー配置と色を設定するために使用されます。 これらは、TabbedPage.ToolbarPlacement 添付プロパティを ToolbarPlacement 列挙型の値に設定し、TabbedPage.BarItemColor とTabbedPage.BarSelectedItemColor の添付プロパティを Color に設定することにより、XAML で使用されます。

<TabbedPage ...
            xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
            android:TabbedPage.ToolbarPlacement="Bottom"
            android:TabbedPage.BarItemColor="Black"
            android:TabbedPage.BarSelectedItemColor="Red">
    ...
</TabbedPage>

または、fluent API を使用して C# からこれらを使用することもできます。

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.AndroidSpecific;
...

On<Android>().SetToolbarPlacement(ToolbarPlacement.Bottom)
             .SetBarItemColor(Color.Black)
             .SetBarSelectedItemColor(Color.Red);

TabbedPage.On<Android> メソッドは、これらのプラットフォーム固有設定が Android でのみ実行されることを指定します。 Xamarin.Forms.PlatformConfiguration.AndroidSpecific 名前空間内の TabbedPage.SetToolbarPlacement メソッドは、次の値を提供する ToolbarPlacement 列挙型を使用して、TabbedPage のツール バーの配置を設定するために使用されます。

  • Default: ツールバーが、画面上の既定の位置に配置されることを示します。 これは電話のページの上部であり、他のデバイスのイディオムのページの下部です。
  • Top: ツール バーが画面の上部に配置されていることを示します。
  • Bottom: ツール バーが画面の下部に配置されていることを示します。

さらに、TabbedPage.SetBarItemColor メソッドと TabbedPage.SetBarSelectedItemColor メソッドは、それぞれツール バー項目と選択したツール バー項目の色を設定するために使用されます。

Note

GetToolbarPlacement、GetBarItemColor、GetBarSelectedItemColor の各メソッドを使用して、TabbedPage ツールバーの配置と色を取得できます。

その結果、ツールバーの配置、ツールバー項目の色、選択されたツールバー項目の色を TabbedPage で次のように設定できます。

TabbedPage ツール バー構成