次の方法で共有

Windows の FlyoutPage ナビゲーション バー

  • [アーティクル]

このユニバーサル Windows プラットフォームのプラットフォーム固有の機能は、FlyoutPage のナビゲーション バーを折りたたむのに使用され、FlyoutPage.CollapseStyle および FlyoutPage.CollapsedPaneWidth 添付プロパティを設定して XAML で使用されます。

<FlyoutPage ...
                  xmlns:windows="clr-namespace:Xamarin.Forms.PlatformConfiguration.WindowsSpecific;assembly=Xamarin.Forms.Core"
                  windows:FlyoutPage.CollapseStyle="Partial"
                  windows:FlyoutPage.CollapsedPaneWidth="48">
  ...
</FlyoutPage>

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

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.WindowsSpecific;
...

page.On<Windows>().SetCollapseStyle(CollapseStyle.Partial).CollapsedPaneWidth(148);

FlyoutPage.On<Windows> メソッドは、このプラットフォーム固有設定が Windows でのみ実行されるように指定します。 Xamarin.Forms.PlatformConfiguration.WindowsSpecific 名前空間の Page.SetCollapseStyle メソッドは、折りたたみスタイルを指定するために使用され、CollapseStyle 列挙で Full と Partial の 2 つの値が提供されます。 この FlyoutPage.CollapsedPaneWidth メソッドは、部分的に折りたたまれたナビゲーション バーの幅を指定するために使用されます。

その結果、指定した CollapseStyle が FlyoutPage インスタンスに適用され、幅も指定されます。

折りたたまれたナビゲーション バーのプラットフォーム固有設定